Выровнять по центру

Всем привет.

Подскажите, как выровнять по центру, что-бы так и было по горизонтали.?

Вот код:

<div style="width:200px; float:left;"> 

                <a href="{full-link}">

                    <img src="{image-1}" title="{title}" alt="купить {title} по скидке"  width="200" />

                </a>



   <p class="text"> {title}</p>

   

</div>

Заранее благодарна.

ап.

Что выравниваем? Предложение можно закончить?
У тебя на div float left ты его смещаешь влево
Что ты хочешь сделать и зачем float?

<div class="container">

<div style="width:200px; float:left;"> 

                <a href="{full-link}">

                    <img src="{image-1}" title="{title}" alt="купить {title} по скидке"  width="200" />

                </a>

 

   <p class="text"> {title}</p>

    

</div>

  </div>

.container {

  width:400px;

  height: 100px;

  margin: 0 auto;

}