Блоки в одну строку

@Diador · Регистрация: 09.09.2012

Author24 — интернет-сервис помощи студентам

Здравствуйте. Делаю видео слайдер, но блоки почему-то не выводятся как нужно.

Картинка

На картинке видно, что показано три блока. 1 блок = новость. На самом деле тут 4 новости, но выводится только 3 блока. Стремлюсь сделать 4 блока по 155px на 120px, но у меня не получается.
Кто знает, помогите пожалуйста

CSS

#video {
    background: #161616;
    width: 685px;
    height: 168px;
    margin: 6px auto;
    -webkit-border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
}
 
.blockvideo {
    background: #0f0f0f;
    width: 100px;
    height: 100px;
    cursor: pointer;
    display: block;
    float: left;
    list-style: none outside none;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

@maximus2011 · 29.12.2012, 18:25

HTML5

<body>
    <div class="box" id="box_1"></div>
    <div class="box" id="box_2"></div>
    <div class="box" id="box_3"></div>
    <div class="box" id="box_4"></div>
</body>

CSS

.box{
float:left;
height:120px;
background:#009966;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box_1{
width:155px;
margin-right:5px;
}
#box_2{
width:155px;
margin-right:5px;
}
#box_3{
width:155px;
margin-right:5px;
}
#box_4{
width:155px;
}

Можно и подругому, но я так всегда делаю

@Diador · 29.12.2012, 19:05 **[ТС]**

Это сложно и ни к чему. Я сделал по другому, добавив

CSS

1 2	display: block; overflow: hidden;

в главый блок

CSS

#video

P.S. Всё равно спасибо за ответ

	29.12.2012, 19:05

Блоки в одну строку

Решение