HTML中的位置文本
问题描述：
我想在网页的菜单栏上放置文字（Home（spacing）About（spacing）Pictures） 告诉我如何做到这一点。 我让我这样的（家关于图片）HTML中的位置文本
<div id="menuOption" >
<a href="www.google.com"><font color="#FFFFFF" >Home</font></a>
<a href="./download.html"><font color="#FFFFFF" >About</font></a>
<a href="./purchase.html"><font color="#FFFFFF" >Picture</font></a>
</div>
</div>
答
试试这个
<ul>
<li><a href="">Home</a></li>
<li><a href="">News</a></li>
<li><a href="">Contact</a></li>
<li><a href="">About</a></li>
</ul>
答
只需添加
<div id="menuOption" >
<a href="www.google.com"><font color="#FFFFFF" >Home</font></a>
<a href="./download.html"><font color="#FFFFFF" >About</font></a>
<a href="./purchase.html"><font color="#FFFFFF" >Picture</font></a> 
</div>
或者更好地利用<ul>，使<li>display: inline-block;和使用padding
<ul>
<li>Home</li>
<li>About</li>
<li>Pictures</li>
</ul>
CSS
ul li {
display: inline-block;
padding: 5px 8px;
/* Change this according to your requirement,
5px is top, bottom and 8px is left, right */
}
注：
<font>标签已被弃用，使用CSScolor属性，而不是
答
div的使用和设置浮动：左和应用填充。
<div id="menuOption" >
<div style="float:left; padding-left:5px"><a href="www.google.com"><font color="#0000" >Home</font></a></div>
<div style="float:left; padding-left:5px"><a href="./download.html"><font color="#0000" >About</font></a></div>
<div style="float:left; padding-left:5px"> <a href="./purchase.html"><font color="#0000" >Picture</font></a></div>
</div>
答
HTML
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Picture</a></li>
</ul>
CSS
ul {
float:left;
}
ul li{
float:left;
list-style-type:none;
padding:0 5px;
}
ul li a {
text-decoration:none;
}
工作demo
为什么不使用CSS？ – 2013-03-10 10:23:29
@Pekka웃我编辑我的答案:)但这是一个很小的要求，所以不想混淆他:) – 2013-03-10 10:24:49
@Pekka웃LOL我完全错过了''标签，谢谢你通知我 – 2013-03-10 10:28:10