<div class="contentRight">
<div class="contentRightBox" >
<div class="notice">
公告告示
</div>
<a href="" >
<div class="TextRight">
更多
</div>
<div class="moreImg" >
</div>
</a>
</div>
<div class="contentRightUl" >
<ul class="noticeUl" >
<li>
<a href="">
<div class="noticeLiLeft" ></div>
<div class="noticeLiRight">关于拟
</div>
</a>
</li>
<li>
<a href="">
<div class="noticeLiLeft" ></div>
<div class="noticeLiRight">关于2020年
</div>
</a>
</li>
<li>
<a href="">
<div class="noticeLiLeft" ></div>
<div class="noticeLiRight">关于开展
</div>
</a>
</li>
<li>
<a href="">
<div class="noticeLiLeft" ></div>
<div class="noticeLiRight">化广电厂最...
</div>
</a>
</li>
<li>
<a href="">
<div class="noticeLiLeft" ></div>
<div class="noticeLiRight">注销《.
</div>
</a>
</li>
<li>
<a href="">
<div class="noticeLiLeft" ></div>
<div class="noticeLiRight">关于2020年开
</div>
</a>
</li>
</ul>
</div>
<div style="height: 90px;margin-bottom: 20px;background: url(image/Banner_two.png);">
</div>
<div style="height: 90px;background: url(image/lianghui.png);">
</div>
</div>
.contentRight .contentRightUl a{
display: block
;
float: none
;
font-size: 0
;
color: #333333
;
height: 20px
;
padding-top: 18px
;
}
.noticeLiLeft{
display: inline-block
;
width: 16px
;
height: 12px
;
background-image:url(../image/Laba.png);
background-size: 100%
;
vertical-align: middle
;
}
.noticeLiRight{
width: 154px
;
display: inline-block
;
font-size: 14px
;
margin-left: 8px
;
overflow: hidden
;
text-overflow: ellipsis
;
white-space: nowrap
;
vertical-align: middle
;
line-height: 20px
;
}
在父元素中使用font-size:0 用于清除标签之间的空隙 在子元素中使用vertical-align: middle;使两个元素位于一个水平线
