css span右对齐 css li标签中span日期靠右布局如何实现代码

荣誉就像河流:轻浮的和空虚的荣誉浮在河面上,沉重的和厚实的荣誉沉在河底里。雨会停,心会晴,没有什么会永远糟糕透顶。
复制代码
代码如下:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>css好代码教程 li span日期靠右排列实例</title>
<style>
.artlist{height:100%; overflow:hidden; margin:10px;}
.artlist ul{ margin:0px;}
.artlist ul li{ list-style:none;line-height:28px;}
.artlist ul li span{ float:right;padding-right:10px;}
.artlist ul li a{ color:#333;}
</style>
</head>
<body>
<table width="98%" border="0" class="artbody">
<tr>
<td >
<div class="artlist">
<ul>
<li><span>2011-03-22</span><a rel="nofollow noopener noreferrer" href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a rel="nofollow noopener noreferrer" href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a rel="nofollow noopener noreferrer" href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a rel="nofollow noopener noreferrer" href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a rel="nofollow noopener noreferrer" href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a rel="nofollow noopener noreferrer" href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a rel="nofollow noopener noreferrer" href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a rel="nofollow noopener noreferrer" href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
<li><span>2011-03-22</span><a rel="nofollow noopener noreferrer" href="a">fdafjdsaklfjdaklfdjalkf;djakfl;dsajfk</a></li>
</ul>
</div>
</td>
</tr>
</table>
</body>
</html>

以上就是css span右对齐 css li标签中span日期靠右布局如何实现代码。我肩上抗着,背上背着,手里提着,都是那么重,那么大的包。浑身湿透,汗流浃背,又那么的精疲力尽,舍不得放下任何一个包,尽管自己的呼吸都感到非常困难!更多关于css span右对齐 css li标签中span日期靠右布局如何实现代码请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例