在HTML中定位文本

我想在网页的菜单栏上放置类似（主页（间距）关于（间距）图片）的文本 告诉我怎么做。 我越来越像这样了（关于照片）

试试这个

<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>&nbsp;
   <a href="./download.html"><font color="#FFFFFF" >About</font></a>&nbsp;
   <a href="./purchase.html"><font color="#FFFFFF" >Picture</font></a>&nbsp
</div>

CSS

注意：

标记已被弃用，请改用CSS

color

属性

---

使用div并设置float:left并应用填充

<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

---

工作

@Pekka웃 我正在编辑我的答案：）但这确实是一个小要求，所以不想让他困惑：）@Pekka웃 哈哈，我完全错过了

标签，谢谢你通知我

<ul>
  <li>Home</li>
  <li>About</li>
  <li>Pictures</li>
</ul>

ul li {
   display: inline-block;
   padding: 5px 8px; 
   /* Change this according to your requirement, 
   5px is top, bottom and 8px is left, right */
}

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

<ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Picture</a></li>
</ul>

ul {
    float:left;
}
ul li{
    float:left;
    list-style-type:none;
    padding:0 5px;
}
ul li a {
    text-decoration:none;
}