Internet Explorer 8의 지속적인 인라인 블록 문제

인라인 블록 지원을 나타내는 설명서에도 불구하고 Internet Explorer 8에서 올바르게 렌더링되지 않을 수 있습니다. 이 문제는 자주 발생합니다. 요소를 수평으로 정렬하려고 할 때 나타납니다.

이 문제를 해결하려면 다음을 고려하십시오.

올바른 설정 Doctype

다음 doctype 선언으로 HTML 문서를 시작합니다:

이렇게 하면 IE8이 준수됩니다. 올바른 렌더링 사양을 따릅니다.
코드 예
다음 CSS 및 HTML 코드를 고려하세요.
span, ul, ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    list-style: none;
}   
i would want

  
this
  
on
  
one line.
doctype 선언이 있으면 이 코드는 예상대로 IE8에서 인라인으로 렌더링되어야 합니다.
결론
인라인 문제를 해결하려면 올바른 doctype 선언을 추가하는 것이 필수적입니다. -Internet Explorer 8의 렌더링 문제를 차단합니다. 이 간단한 조정을 통해 브라우저가 CSS 스타일을 의도한 대로 해석하고 적용할 수 있습니다.