html - 在 HTML 中定位文本

Question

我想在网页的菜单栏上放置像 (Home (spacing) About (spacing) Pictures) 这样的文本 告诉我该怎么做。 我越来越像这样了(首页关于图片)

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

Answer 1

只需添加  

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

或者更好地使用<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 */
}

Note: <font> tag is deprecated, use CSS color property instead