проблемы с плавающей точкой

Question

Хорошо, я получил этот 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;
}

, и он не пойдет на сторону .grayblock, как .stripedbar:

.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;
}

Любая идея, какзаставить его играть красиво (быть на стороне .grayblock и прямо под .stripedbar)?

Это блог: http://prime.programming -designs.com / blog /

Answer 1

У вас есть этот код в таблице стилей:

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

Итак, блок .entry-title очищает число с плавающей запятой .grayblock.Вам нужно добавить clear:none; к #content .entry-title стилям, и это будет хорошо работать.

Answer 2

Добавьте clear:none свойство к тегу <h2> или #content .entry-title, так как в настоящее время оно не позволяет перемещать элементы в любую сторону.