在頁面中心顯示單選按鈕

Question

試圖獲得單選按鈕，問題和回答集中在頁面中間任何幫助我們這裏是偉大的，這是我的代碼！

<form action='process.php?id=1' method='post' id='quizForm' id='1' onSubmit='validateForm()' name='myForm'> 
    <ol> 
     <li> 
      <h3>1 x 1 =</h3> 
      <div> 
       <input type='radio' name='answerOne' id='answerOne' value='A' /> 
       <label for='answerOneA'>A)1</label> 
      </div> 
      <div> 
       <input type='radio' name='answerOne' id='answerOne' value='B' /> 
       <label for='answerOneB'>B)2</label> 
      </div> 
      <div> 
       <input type='radio' name='answerOne' id='answerOne' value='C' /> 
       <label for='answerOneC'>C)3</label> 
      </div> 
     </li> 
     <li> 
      <h3>1 x 6 =</h3> 
      <div> 
       <input type='radio' name='answerTwo' id='answerTwo' value='A' /> 
       <label for='answerTwoA'>A)5</label> 
      </div> 
      <div> 
       <input type='radio' name='answerTwo' id='answerTwo' value='B' /> 
       <label for='answerTwoB'>B)6</label> 
      </div> 
      <div> 
       <input type='radio' name='answerTwo' id='answerTwo' value='C' /> 
       <label for='answerTwoC'>C)4</label> 
      </div> 
     </li> 
     <li> 
      <h3>2 x 8 =</h3> 
      <div> 
       <input type='radio' name='answerThree' id='answerThree' value='A' /> 
       <label for='answerThreeA'>A)14</label> 
      </div> 
      <div> 
       <input type='radio' name='answerThree' id='answerThree' value='B' /> 
       <label for='answerThreeB'>B)12</label> 
      </div> 
      <div> 
       <input type='radio' name='answerThree' id='answerThree' value='C' /> 
       <label for='answerThreeC'>C)16</label> 
      </div> 
     </li> 
    </ol> 
    <input type="submit" /> 
</form> 

Answer 1

我已經用示例解決方案爲您創建了基本的小提琴，請檢查您是否需要這些。 http://jsfiddle.net/bhd2C/

我只是把你的形式轉化爲我所創建簡單的CSS類股利：

.content { 
    width:100% 
    margin:0 auto; 
    text-align:center; 
} 

Answer 2

<form style='text-align:center' action='process.php?id=1' method='post' id='quizForm' id='1' onSubmit='validateForm()' name='myForm'> 
<ol style='list-style-position:inside;'> 

更改前兩行會的工作。將text-align屬性設置爲'center'會使容器內部居中。 「列表樣式位置：內;」代碼使列表樣式（1.，2.等）以正常流程顯示，以便它們也居中。

注意：文本對齊將您的內容置於容器中間。也就是說，如果您想在頁面中間找到您的內容，您的容器應該是100％的寬度。

另請注意，如果您在其他表單和列表中使用它，內部或外部樣式將更好，而不是內聯樣式（用於上面的代碼中）。

Result

Ways to insert css

How to create centered ordered list with HTML/CSS?