如何让li中两个div的字体在同一水平线上
怎么让li中两个div的字体在同一水平线上
<ul class="roww">
<div class="ll"><a href="audit_company1.html"><li class="col-xs-25" >申请时间<div class="gg" style="margin-right:auto">每个状态气站名</div>
<div class="bb">备注</div></li></a></div>
</ul>
如题和图，这几个字段不能处于同一水平线上。
------解决思路----------------------
样式可以随意调整，就是所谓的页面制作
<ul class="roww">
<div class="ll"><a href="audit_company1.html"><li class="col-xs-25" >申请时间<div class="gg" style="margin-right:auto">每个状态气站名</div>
<div class="bb">备注</div></li></a></div>
</ul>
如题和图，这几个字段不能处于同一水平线上。
------解决思路----------------------
样式可以随意调整，就是所谓的页面制作
<!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=utf-8" />
<title>无标题文档</title>
<style>
ul{padding:0;margin:0;list-style:none;}
a{text-decoration:none;color:#000;}
.col-xs-25 span{float:left;margin-right:10px;}
.col-xs-25 span:last{margin-right:0;}
</style>
</head>
<body>
<a href="audit_company1.html">
<ul class="roww">
<li class="col-xs-25" >
<span>申请时间</span>
<span>每个状态气站名</span>
<span>备注</span>
</li>
</ul>
</a>
</body>
</html>