当前位置: 代码迷 >> HTML/CSS >> 如何将<ul>和<em>放在同一行
  详细解决方案

如何将<ul>和<em>放在同一行

热度:553   发布时间:2012-03-18 13:55:38.0
怎么将<ul>和<em>放在同一行
<div id="contentList">
  <ul>
  <li><span id="tellU"><a href="#">aaaaa</a></span></li>
  <li><span id="hoho"><a href="#">bbbbb</a></span></li>
  <li><span id="IMH"><a href="#">ccccc</a></span></li>
  </ul><a><em>更多>></em></a>
  </div>


------解决方案--------------------
HTML code
<html>
<head>
<style>
#contentList *{
  float:left;
}
</style>
</head>
<body>
<div id="contentList">
  <ul>
  <li><span id="tellU"><a href="#">aaaaa</a></span></li>
  <li><span id="hoho"><a href="#">bbbbb</a></span></li>
  <li><span id="IMH"><a href="#">ccccc</a></span></li>
  </ul><a><em>更多>></em></a>
  </div>
</body>
</html> 
  相关解决方案