<div class="m-header">
<div class="icon"></div>
<h1 class="text">Hello Music</h1>
</div>
<style>
.m-header{
position: relative;
height: 44px;
text-align: center;
color: lightblue;
background: lightgray;
font-size: 0;
}
.icon{
display: inline-block;
vertical-align: top;
margin-top: 6px;
width: 30px;
height: 32px;
background-image: url("../components/images/logo@2x.png");
background-size: 30px 32px;
}
.text{
display: inline-block;
vertical-align: top;
line-height: 44px;
font-size: 14px;
margin-left: 10px;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">