[HTML] 테이블 2개를 나란히 출력하는 방법

HTML 소스로 테이블 2개를 나란히 출력하는 방법

 

두 개의 div를 만들고 두개 합쳐서 너비를 100%가 안되도록 맞춰주고 정렬(float)을 각각 첫번째는 왼쪽(left)으로, 두번째는 오른쪽(right)로 맞춰줍니다.

 

<div style="width:13%;float:left;"> <table id="tbl1"></table> </div> <div style="width:85%;float:right;"> <table id="tbl2"></table> </div>

 

 

※ 너비(width) 두개를 합쳐서 100%가 되면 브라우저에 따라 두번째 테이블이 넘어갈 수 있으므로 주의