2015-04-17 71 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>