Могу ли я стилизовать эти divs так, чтобы они были inline с перерывом в конце

Question

Я хочу, чтобы дисплей был чем-то вроде этого.

Div1 Div2 
Div3 Div4 

HTML, как это:

<div class="class1">Div1</div> <div class="class2">Div2</div> 
<div class="class1">Div3</div> <div class="class2">Div4</div> 

стилевых как это:

.class1 
{ 
    font-weight:bold; 
    font-size:9pt; 
    display:inline-block; 
} 

.class2 
{ 
    font-weight:normal; 
    font-size:9pt; 
    display:inline; 
} 

Использование чистого CSS, я хотел бы быть в состоянии устроить макет быть похожим Я упомянул выше.

Возможно ли это сделать с помощью CSS без упаковки класса 1 и класса2 внутри контейнера div?

Answer 1

http://jsfiddle.net/pxpvw/1

.class1 { 
    float: left; 
    clear: left; 
} 

.class2 { 
    float: left; 
} 

Answer 2

float:left Добавить в .class1

.class1 
{ 
    font-weight:bold; 
    font-size:9pt; 
    display:inline-block; 
    float:left; 
} 

Вы получите результат, как вы хотите.

Answer 3

Поплавок: левый для всех из них и добавление значения margin-right, так что элемент .class3 находится под.