html
<div class="title">
<a href="#" onclick="javascript:history.back(-1);">
<div class="arrow-box nav-left">
返回
</div>
</a>
<p class="font">标题</p>
</div>
css
.title {
width: 100%;
height: 50px;
background-color: #009688;
}
.font {
color: #fff;
line-height: 50px;
font-size: 20px;
text-indent: -2em;
text-align: center
}
.nav-left {
float: left;
}
.arrow-box{
width: 50px;
height: 26px;
position: relative;
border-radius: 10% 10%;
background: #fff;
text-align: center;
line-height: 26px;
top: 12px;
font-size: 14px;
left: 10px;
}
效果