【CSS】Emmetサンプル

No description

HTML

<div id="cont">
  <div id="header">
    <ul>
      <li><a href="">Пункт1</a></li>
      <li><a href="">Пункт2</a></li>
      <li><a href="">Пункт3</a></li>
      <li><a href="">Пункт4</a></li>
      <li><a href="">Пункт5</a></li>
    </ul>
  </div>
  <div id="conttext">
    <div id="center">
      Lorem ipsum dolor sit amet, consectetur
      adipisicing elit. Tempore aspernatur excepturi corrupti. Officia, sunt consectetur facere animi enim mollitia, quam officiis quibusdam, possimus neque omnis praesentium, dignissimos consequatur ipsum similique.
    </div>
    <div id="right">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit minima adipisci iure earum perspiciatis nisi architecto facere commodi voluptatum rerum asperiores nobis, unde autem veritatis porro quae omnis fugiat saepe?
    </div>
  </div>
  
  <div id="footer"></div>
</div>

CSS

* {
  margin: 0;
  padding: 0;
}

#cont {
  width: 900px;
  margin: 0 auto;
}

#header {
  height: 120px;
  background: #sff;
 border: 1px solid #000;
}

#header ul {
  list-style-type: none;
}
#header ul li{
  display:inline-block;
  
}


#center {
float: left;
  
}