在标题的每一行周围添加偶数填充?

时间:2012-08-28 09:18:38

标签: html css padding

我正在制作一个新网站,标题周围有背景和一点填充。

这是一个响应式网站,因此在某些州,标题会分成多行,导致它们在第一行的右侧和第二行的左侧失去填充。我使用display:inline,因为需要围绕每一行调整填充。

断线时有没有办法保持填充?

实施例: http://jsfiddle.net/gmW5X/

介绍之后和之前 ...

之前缺少填充

这不需要缩小到旧,即因为问题只出现在针对主要iphone的移动css上。但是,我非常希望不要改变太多的html:/

2 个答案:

答案 0 :(得分:0)

我没有看到另一个解决方案,但是将每个单词换成span ... http://jsfiddle.net/gmW5X/4

答案 1 :(得分:0)

display: inline-block;

做到这一点。

jsFiddle