Yatay olarak bir sayfada <div> blok elementi merkezi ve minimum genişlik için ayarlama yapmaya çalışıyorum. Bunu yapmak için en kolay yolu nedir? <div> eleman sayfamı geri kalanı ile satır içi olmak istiyorum. Bir örnek çizmeye çalışacağım:

page text page text page text page text
page text page text page text page text
               -------
               | div |
               -------
page text page text page text page text
page text page text page text page text

Çoğu tarayıcı bu iş

Stil

div.centre
{
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

HTML

<div class="centre">Some Text</div>

IE6 başka bir dış div eklemek gerekir...

Stil

div.layout
{
  text-align: center;
}
div.centre
{
  text-align: left;
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

HTML

<div class="layout">
  <div class="centre">Some Text</div>
</div>