最小工作實施例

<!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

如何爲多項選擇題製作水平有序列表？

最小工作實施例

所需的輸出

回答

相關問題