너비가 900 픽셀 인 가운데에 왼쪽에 오렌지색 배경이 있고 오른쪽에 흰색이있는 것

Question

HTML 페이지에 화면 중앙에 배치 할 요소가 있습니다. 이것은 쉬웠다. 그러나 : 나는 오른쪽의 배경이 흰색이어야하는 동안, 오렌지색으로 내 요소의 왼쪽 배경을 원한다. 나는 같은 솔루션에 대해 생각했다 :

<div id="outer"> 
    <div id="middle"> 
    <div id="inner"> 
     <p>some content</p> 
    </div> 
    </div> 
</div> 

CSS로 :

이

#outer { 
    width: 100%; 
    background-color: white; 
} 
#middle { 
    background-color: orange; 
} 
#inner { 
    width: 900px; 
} 

이 실종 유일한 것은 중심에 #inner을 받고있다. 원하는 결과를 얻으려면 #middle 또는 #inner의 여백 또는 여백을 수정할 수있는 방법이 있습니까?

Answer 1

사용이 :

#middle { 
    background-color: orange; 
    margin: 0 auto; 
}