div внутри div по центру

[SLameN]

Как выронить comLine2 внутри блока comLine? При этом, чтобы текст начинался не с центра, а сам блок был по центру?

<div class='comLine'>    <div class="comLine2">        sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf    </div></div>

.comLine {        width: 1000px;        margin: 0 auto;    }        .comLine2 {        outline: 1px solid red;        width: 100px;    }

[Great Rash]

.comLine2 {

  margin: 0 auto;

}

[SLameN]

В этом случае, текст начинается с центра и на право растягивается

[Great Rash]

В этом случае текст начнётся там, где начнётся блок его содержащий.

[SLameN]

А как сделать, чтобы блок растягивался и влево и вправо?

В табличном варианте будет выглядеть так:

<div class="comLine">    <table style='margin: 0 auto;'>      <tr>        <td>dfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdf</td>      </tr>  </table></div>

[Great Rash]

Вот так: http://codepen.io/GreatRash/pen/JugKc/