Как сделать чтобы 3 блока были на одном уровне ? по центру ? у меня 2 нормально стоят , а третий добавляю всё , сверху в низ уходят .

<div class="model">
 <div class="title">Модельный ряд</div>
 тест
 </div>
</div>

<div class="model">
 <div class="title">Модельный ряд</div>
 Привет
 </div>
</div>

<div class="model">
 <div class="title">Модельный ряд</div>
 Привет
 </div>
</div>

.model{
    width: auto;
    padding: 10px;
    margin: 20px;
    border: 1px dashed #999;
    float: left;    
}

расширить, чтоб всем места хватало
например
два блока по ширине 200 пикселей
помешаем в их в див не менее 402, (учитываем ширину вобрдюра)
если надо добавить ещё один добовляем ширину этого /основного/до 602 пикселя

они у тебя не умещаются, потому последний и перемещается ниже

_____________
«Гнусное свойство карликовых умов приписывать
________________!свое духовное убожество другим!»
___О) как-же он прав=>__________________ © Оноре де Бальзак.
отличный хост(рекомендую !! )
My MVC-CMV

.model{
    width: auto;

тут прописываем ширину не авто а как раз необходимую
ни факт что этот контейнер расширится
он в чем то уже лежит, вот он и не рсширяется до нужного размера

_____________
«Гнусное свойство карликовых умов приписывать
________________!свое духовное убожество другим!»
___О) как-же он прав=>__________________ © Оноре де Бальзак.
отличный хост(рекомендую !! )
My MVC-CMV

Понял , сейчас попробую решить свою проблему .

YVSIK
Переделал сделал вот так , вообще у меня сейчас в голове не понятки .

<div class="description">

<div class="model">
 <div class="title">Модельный ряд</div>
 	<ul class="sattelite">
      <li>- Вася пупкин</li>
    </ul>
 </div>
</div>

<div class="model">
 <div class="title">Модельный ряд</div>
 	<ul class="sattelite">
      <li>- Вася пупкин<</li>
    </ul>
 </div>
</div>

<div class="model">
 <div class="title">Модельный ряд</div>
 	<ul class="sattelite">
      <li>- Вася пупкин<</li>
    </ul>
 </div>
</div>

</div>

.description {
    width: 1000px;
    
}

.description .model {
    float: left;
    border: 1px solid #e2e2e2;
    width: 250px;
    margin: 0 50px 0 0;
    min-width: 150px;
    height: 220px;
    color: #717171;
    position: relative;
    }

.description .model .title {
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0 20px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    color: #717171;
    background: none;
    line-height: 100%;
    height: auto;
    }
.description .model ul.sattelite {
    margin: 0 0 0 25px;
    padding: 0;
    list-style: none;
    }

Первый блок нормально , border: 1px solid #e2e2e2; сработал , у второго уже нет обводдки да и CSS там видно не весть .. только как я понял дескриптион , а третий вообще уехал вниз .
Вот что с этим делать ? Вроде выставил 1000px