SOURCE

<div class="dadiv">
<header class="header">
  <div style="background-color:orange ;"align="center" class="col-md-6">
  <h1>网易云音乐</h1>
  </div>
</header>
<nav class="nav" class="col-md-3">
  <div >
    <h4 align="center">.我的歌单</h4>
     <h4 align="center">.随便听听</h4> 
      <h4 align="center">.我的收藏</h4>
  </div>
  </nav>
  <section class="section" class="col-md-6">
  <div >
    <div class="class4" style="float:left;">
      <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3414882317,2849382557&fm=11&gp=0.jpg" width="150px"> |
      <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3195866329,2680449203&fm=11&gp=0.jpg" width="150px"> |
      <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=337654164,1199195109&fm=23&gp=0.jpg" width="150px"> |
      <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=145631361,1133162163&fm=23&gp=0.jpg" width="150px"> |
      
      
    </div>
    </div>
    </section>
    </div>

.dadiv{
   width:1400px;
  height:1000px;
 
}
.nav{
  width:150px;
  height:400px;
  background-color:pink;
  border-style:solid;
    border-color:black;
  margin:auto;
}
.class4{ margin:10px auto} 
.class4 img{ border-radius:50%}
.section{
   width:1000px;
  height:800px;
    background-color:pink;
  border-style:solid;
    border-color:black;
  float:left;
   margin:0px;
  
}
h1{
  margin:0px;
}