未编号列表项目符号点不集中

有一个轻微的问题与网页上的中心。我的项目符号点与左侧对齐，当我希望它们居中并位于列表项之前时。未编号列表项目符号点不集中

http://web.engr.oregonstate.edu/~todtm/Assignment1.htm

对列表中的代码是非常基本的样板代码：

<center> 
    <ul> 
     <li>CS 325: Analysis of Algorithms</li> 
     <li>CS 361: Software Engineering I</li> 
     <li>CS 372: Intro to Computer Networks</li> 
    </ul> 
</center>

来源

2013-07-03 Marshall Tigerus

中心标记在HTML过时。另一种可能的方式来做到这一点（或类似的）将是一个固定宽度的div，并具有margin：0 auto。这是一个快速的fiddle。

<body> 
<div style=" 
margin: 0 auto; 
width: 400px; 
text-align: center;"> 
<h1>Marshall Todt</h1> 
<br> 
<br> 

<table align="center" border="1"> 
    <tbody><tr><td colspan="2">My Favorite Courses and Instructors</td></tr> 
    <tr><td>Course</td><td>Instructor</td></tr> 
    <tr><td>CS 165</td><td>Joseph Jess</td></tr> 
    <tr><td>CS 494</td><td>Justin Wolford</td></tr> 
</tbody></table> 

<ul style="list-style-position: inside"> 
    <li>CS 325: Analysis of Algorithms</li> 
    <li>CS 361: Software Engineering I</li> 
    <li>CS 372: Intro to Computer Networks</li> 
</ul> 

<form method="post" action="submit.php"> 
<p class="legend">Rate a Class</p> 
<fieldset id="Rating"> 
<label>Course:</label><input type="text" name="class" size="30"><br> 
<p id="rating"><label>Rating: </label><select name="rating"> 
    <option value="5">5 (highest)</option> 
    <option value="4">4</option> 
    <option value="3">3</option> 
    <option value="2">2</option> 
    <option value="1">1 (lowest)</option> 
</select></p> 
<p id="buttons"><input type="submit" value="Submit"></p> 
</fieldset> 
</form> 
</div>

来源

2013-07-03 01:40:59 ebenpack

采取了一些演奏与宽度让它看起来不错，但随着加入一些ALIGN =“中心”，使一切好几个元素结合。 –

align =“center”也被弃用。你真正应该做的是给你的div（或ps或lis或你有什么）分配类和/或id，然后为这些类和id制作CSS规则。我插入了CSS，但理想情况下通常是在一个单独的文件中。看起来您正在使用一些旧的教程或参考，并且您应该考虑查找一些更新的信息。 – ebenpack

不幸的是，对于我正在上课的他们来说，他们正在老教程中教授我们。我们使用的这本书是在chrome出来之前编写的，在XHTML上非常大。 –

未编号列表项目符号点不集中

回答

相关问题