最小工作实施例

<!DOCTYPE html> 
<html> 
<head> 
    <title>Horizontal Lists</title> 
    <meta charset="utf-8" /> 
    <style> 
     li.ans { 
      color: red; 
     } 

     ol.option { 
     } 

      ol.option > li { 
       list-style: lower-alpha; 
      } 
    </style> 
</head> 
<body> 
    <ol> 
     <li> 
      What is the capital of Japan? 
      <ol class="option"> 
       <li>New York</li> 
       <li>Jakarta</li> 
       <li class="ans">Tokyo</li> 
       <li>Kuala Lumpur</li> 
      </ol> 
     </li> 
     <li> 
      Who was granted a Noble prize for discovering photo electric effect? 
      <ol class="option"> 
       <li>Mike Tyson</li> 
       <li>Bill Gates</li> 
       <li>Donald Trump</li> 
       <li class="ans">Albert Einstein</li> 
      </ol> 
     </li> 
    </ol> 
</body> 
</html>

输出

所需的输出

问题012

如何为多项选择题制作水平有序列表？

来源

2016-11-28 Artificial Stupidity

有**很多很多**方法...你有什么尝试？查看[** LearnLayout.com **]（http://learnlayout.com/） –

ol.option { 
    display: flex; 
    justify-content: space-between; 
    max-width: 500px; 
    }

添加上面的代码到你的内联样式，一定要详细了解Flexbox的布局。

来源

2016-11-28 17:11:07 akshaynaik404

如何为多项选择题制作水平有序列表？

最小工作实施例

所需的输出

回答

相关问题