css - 用inline实现页面元素排列一行

让页面元素排列一行有很多种方法，其中我用的最多的是float，但是这个元素对整体布局会有影响，虽然使用clear可以节约float带来的影响，但是最好还是不要用float让页面元素排列一行，最好用inline实现。

------------------------------------------------

w3school中对inline的定义：

CSS display 属性

使段落生出行内框：

p.inline
  {
  display:inline;
  }

亲自试一试

-----------------------------------------------

w3school的定义和演示已经很全面了，但是实际使用情况会根据不同的元素出现不同的情况，例如ui中的li元素：

                       <div class="node-info">
				<div class="sorts">
					<span class="lable">查看：</span>
					<ul>
						<li><a href="">标签1 /</a></li>
						<li><a href="">标签1 /</a></li>
						<li><a href="">标签1 /</a></li>
						<li><a href="">标签1 /</a></li>
					</ul>
				</div>
			</div>

.node-info .sorts li {
	display: inline;
}

具体情况根据实际调试，总之要放弃float，使用inline！