div로 테이블 코딩

 

div 코딩을 테이블처러 사용하는 방법입니다.

 

<style type="text/css">
#container {
    display: table;
}
#row  {
    display: table-row;
}
#left, #right, #middle {
    display: table-cell;
    vertical-align: middle;
}
</style>
 
<div id="container">
  <div id="row">
 
      <div id="left">
          <h4>Left Col</h4>
      </div>
 
      <div id="middle">
          <h4>Middle Col</h4>
          <p>...</p>
      </div>
 
      <div id="right">
        <h4>Right Col</h4>
        <p>...</p>
      </div>
 
  </div>
</div>