ul{
display:inline;
text-decoration: underline;
float:left;
background-color:green;
}
</style>
</head>
<body>
<a href="http://www.baidu.com">百度</a><br/>
<a href="http://www.imooc.com">慕课网</a>
<span>33333</span>
<span>44444</span><em>555555</em>
<ul>
<li>1苦海泛起爱恨</li>
<li>1在世间难逃命运</li>
<li>1相亲竟不可接近</li>
<li>1或许我应该相信是缘分</li>
<li></li>
</ul>
<ul>
<li>2苦海泛起爱恨</li>
<li>2在世间难逃命运</li>
<li>2相亲竟不可接近</li>
<li>2或许我应该相信是缘分</li>
<li></li>
</ul>
</body>
ul是块级元素，当然块状元素也可以通过代码display:inline将元素设置为内联元素。
如下代码就是将块状元素div转换为内联元素，从而使 div 元素具有内联元素特点。
div{ display:inline;
}
......
<div>我要变成内联元素</div>
ul{
display:inline;
text-decoration: underline;
float:left;
background-color:green;
display:inline;
}