[css] 배경처리 후 글자 위치 조정

#header{

  background: #eee;

  height: 100px;

  /*width: 1000px;

  margin: 0 auto 20px auto; /* 시계방향으로 돈다 상 우 하 좌*/

  margin-bottom: 20px;

}

.header_inner{

  width: 1000px;

  margin: 0 auto;

  background: #fff;

}

#nav{

  height: 50px;

  background: #eee;

  /*width: 1000px;

  margin: 0 auto;*/ 1000px 에 가운데 정렬되어있는 회색 바탕색을 주석처리하여 끝까지 보냄

  margin-bottom: 20px; 

}

.nav_inner{

  width: 1000px;

  margin: 0 auto;

  background: #fff;

}

<div id = "header">

    <div class = "header_inner">header

      </div>

    </div>

    <div id = "nav">

    <div class = "nav_inner">nav

      </div>

    </div>

결과물