2014-03-05 40 views
0

我有两个h3标签,一个接一个,具有相同的背景颜色。我希望它们坐在同一平面上,以便颜色在两个标签之间传播。当我添加顶部或底部填充时,它只是向上/向下移动h3标记。有没有办法用标题标签来阻止这个自动换行符?有没有办法让两个<h>标签坐在一起(没有自动换行符)?

+3

你能加入一些代码吗? – shenku

+0

你想让他们坐在同一条线上? – matewka

+0

如果其中一个标题是用于小标题或标语,则认为它是对hn元素的不正确使用(参见:http://www.w3.org/html/wg/drafts/html/master/common- idioms.html#子头) – cimmanon

回答

1

一些简单的CSS。

h3 {float:left;} 

或者

h3 {display:inline;} 
1

他们自动断到一个新的生产线的原因是因为头标记有display: block。我会推荐给头以下样式:

h3 { 
    display: inline-block; 
} 

inline-block的意思是,他们将能够坐在旁边给对方喜欢inline元素,但你也可以改变它们的高度和宽度像一个普通的block元素。

相关问题