[HTML5]<hr>크로스브라우징

코딩을 하다보니 <hr>이 크로스브라우징 제대로 되지 않는게 확인 된다.

기본으로 설정을 했을 때는 문제가 없었으나

디자인적인 요소 적용을 했을 때가 문제였다.

200px 가로 사이즈의 짧은 구분선을 지정해서 확인해보니

크롬에서 확인했을 때 좌측정렬로 잘 보였으나

익스에서는 중앙정렬로 보이면서 디자인이 일그러져 버렸다. ㅠㅠ

크로스브라우징을 생각한다면 

<hr> 대신 <div class="hr"></div>로 하는 게 현재로써는 가장 편한 방법이지 싶다.