关于这样的标题栏怎么做

float布局而已

 <style>    
.title {border-bottom: 1px solid #1c8dd5;height: 39px;}
.title .more {float: right;font-size: 12px;font-style: normal;font-weight: 100;padding-top: 10px;}
.title span {background: #1c8dd5;color: #fff;font-size: 16px;line-height: 40px;padding: 9px 15px;}
</style>
<h4 class="title"><i class="more"><a href="/news6.aspx">MORE</a></i><span>检察工作报告</span></h4>

告诉你吧，一个强大的web前段开发工具Axure随便拖一个就可以了。

html手写代码，求大神给指个路啊

更多学校简介

p{border-bottom:2px solide red} a{float;right;text-decoration:none;color:red} span{color:#ffffff,display:block;background:red}

<style>
p{border-bottom:2px solide red} a{float;right;text-decoration:none;color:red} span{color:#ffffff,display:block;background:red} 
</style>