div problèmes flottant

Question

Bon, alors je suis cette div:

#content .entry-title { 
    color: #5d9851; 
    font-size: 21px; 
    font-weight: bold; 
    line-height: 1.3em; 
    margin-left: 30px; 
    width: 520px; 
    overflow: hidden; 
    border-bottom: 1px solid #97fb83; 
} 

et il ne va pas du côté de .grayblock comme .stripedbar fait:

.stripedbar{ 
    background-position:left top; 
    background-repeat: repeat; 
    background-image:url('images/bar.png'); 
    height: 20px; 
    width: 520px; 
    margin-left: 30px; 
    margin-bottom: 0px; 
} 

.grayblock{ 
    background-color: #cccccc; 
    height: 40px; 
    width: 20px; 
    float: left; 
} 

Toute idée comment faire il joue bien (être du côté de .grayblock, et juste sous .stripedbar)?

Ceci est le blog: http://prime.programming-designs.com/blog/

Answer 1

Vous avez ce code dans votre feuille de style:

h1, h2, h3, h4, h5, h6 { 
    clear: both; 
    font-weight: normal; 
} 

Ainsi, le bloc .entry-title est de compensation flottant de .grayblock. Vous devez ajouter clear:none; aux styles #content .entry-title et cela fonctionnera bien.

Answer 2

Ajouter clear:none propriété à <h2> tag ou #content .entry-title car elle ne permet pas d'éléments flottants de chaque côté actuellement.