인라인 요소에 너비를 설정하는 방법은 무엇입니까?

Question

나는이 CSS를 가지고 :

.test { 
    background-color:#00ff00; 
    display: inline;  
    width: 200px; 
} 

<div class="test">test1</div> 
<div class="test">test2</div> 

을하지만 폭이 읽을 것 같다. CSS를 변경하는 방법? 감사합니다.

Answer 1

항목의 너비를 명시 적으로 설정할 수 없습니다. 대신 inline-block을 사용하십시오.

.test { 
    background-color:#00ff00; 
    display: inline-block; 
    width: 200px; 
} 

참고하지만, IE 6/7이 inline-block 호환성 문제가 있는지, 그것은 기본적으로 블록 레벨있는 요소에 제대로 적용되지 않습니다. 이 문제는 can be resolved입니다.