Merhaba,

2 gündür çözemediğim bir sorun var.

Anasayfa div'inde yanyana 3 sütun göstermek istiyorum. Ama soldaki 2 sütun yanyana olmasına rağmen en sağdaki onların altında kalıyor.

Kodlar şu şekilde;

HTML

<div id="anasayfa">

<div id="soltaraf">
text
</div>

<div id="haber">
text
</div>

<div id="sagtaraf">
text
</div>

</div>

CSS

#anasayfa {
    overflow:hidden;
    width:100%
    }
    
#haber {
    width:500px;
    padding:10px;
    margin-left:185px;
    margin-right:205px;
    border:1px solid #111;
    }

#soltaraf {
    float:left;
    width:160px;
    display: inline;
    margin-left:10px;
    height:%100;
    }
 
#sagtaraf {
    float:right;
    width:185px;
    display: inline;
    margin-right:10px;
    border:1px solid #111;
    }

Sorunlu görünüm;



Ne yapmam gerek yardımcı olur musunuz?

Teşekkürler.