Redimensionar div según contenido

[beeman00]

Estuve probando por aqui y esto fue lo unico que pude hacer....

Código CSS:

#divPrincipal{
    border:#CCC 1px dashed;
    position:relative;
    top: 0px;
    left: 0px;
    width: 550px;
    overflow-x: auto;
}
 
#divCabecera{
    border-bottom:#F00 1px dashed;
    position:relative;
    top: 0px;
    left: 0px;
    width: inherit;
    height:auto;
    overflow-x: auto;
}
 
.divTexto{
    border-left:#000 1px dashed;
    position:relative;
    float:left;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 28px;
}
 

Código HTML:

<div id='divPrincipal'>
    <div id='divCabecera'>
        <div style="width:1200px;height:28px;">
        <div class='divTexto'>Texto 1</div>
        <div class='divTexto'>Texto 1</div>
        <div class='divTexto'>Texto 1</div>
        <div class='divTexto'>Texto 2</div>
        <div class='divTexto'>Texto 3</div>
        <div class='divTexto'>Texto 4</div>
        <div class='divTexto'>Texto 2</div>
        <div class='divTexto'>Texto 3</div>
        <div class='divTexto'>Texto 4</div>
        <div class='divTexto'>Texto 2</div>
        <div class='divTexto'>Texto 3</div>
        <div class='divTexto'>Texto 4</div>
        </div>
    </div>
    <br>.-<br>.-<br>.-<br>Otros elementos
</div>
 

te sugiero que le sumes un poco de javascript, y que el ancho del div que contiene los textos se defina segun los elementos que lo contienen.