2015-04-17 73 views
-1

我上所需要的結果在下面的小提琴佈局工作:所需的CSS規則,以獲得所需結果

http://jsfiddle.net/Kosenshi/a8n52Lkk/

<div class="c1">Foo</div><div class="c2">Bar</div><span class="c3">Hello World</span> 

CSS:

.c1, .c2, .c3 {} 

但問題既不是我可以包含額外的課程,也不是我可以分別對待三個課程有沒有什麼方法可以獲得結果。

感謝

+3

我想你可能要更改的問題,因爲這是很清楚到底是什麼東西你的目標是。 – larssy1

+0

就像這樣http://jsfiddle.net/a8n52Lkk/7/ – Pugazh

+0

@ larssy1我的目標是獲得我在提琴中提到的結果,但我只限於在我放置的css類體中編寫我的規則那麼有什麼辦法可以編寫治療div和跨度分開的規則,我不能改變的HTML,因爲你做了Pugazh –

回答

2

我不知道這是否是你想要嘗試顯示

div{ 
 
    display:inline-block; 
 
} 
 
span{ 
 
    display:block; 
 
}
<div class="c1">Foo</div><div class="c2">Bar</div><span class="c3">Hello World</span>