Как я могу выровнять div в строке, а не вертикально?

Question

Мне нужна помощь с некоторыми проблемами с элементом <div> с использованием CSS/HTML.

1: div выравнивают

Примеры лучше, чем слова, поэтому у меня есть простой пример CSS: http://jsfiddle.net/wmyxn7L8/ Как я заставляю, что, когда я добавить второй (тот же) DIV, он поместит его на слева от первого, а не под первым div. Вот как я не хочу, чтобы это было: http://jsfiddle.net/dva4jgt1/ (divs находятся под предыдущим).

2: Макс div s в строке

Как я могу установить, что при добавлении, например, 5 div s, 6 будет под ним (например, интернет-магазинов). Новый div s должен быть добавлен в начале, в центре или в конце body.

Answer 1

Это должно сработать для вас.

.something { 
    background-color: black; 
    width: 200px; 
    height: 120px; 
    margin:4px 6px; 
    float:left; 
} 
.something:nth-child(5){ 
    clear:left; 
} 

float left on. Что-то уложит следующий div, который вы добавите рядом с ним.

nth-child (5) выбирает 5-й div и использует четкие левые, чтобы другие элементы не могли плавать рядом с ним, заставляя их следовать следующей строке.

Answer 2

первый div должен иметь стиль положения относительно.
покрышки DIV должен быть внутри первым DIV с позицией абсолютного что-то вроде этого

<div id="base" style="position: relative;"> 
    <div id="overlay" style="position: absolute; top: 0px; left: 0px;"> 
      The overlay text 
    </div> 
    The base Div 
</div> 

Вы можете поместить накладку по вкусу и добавить ширину и высоту атрибутов в CSS. Вы можете переместить css в таблицу стилей. Я только помещаю 'id в divs для релевантности, вы можете оставить их или использовать самостоятельно, чтобы создавать дескрипторы в таблице стилей и перемещать css из строки в таблицу стилей.