html开头结尾有什么用,html – 在每行文本的开头和结尾添加填充

我已经在IE8中测试过(IE7看起来不太好)和Chrome,Firefox,Opera,Safari的最新版本.

Chrome的屏幕截图：

它有点傻,说实话,可能比它的价值更复杂 – 一个基于JS的解决方案肯定会更容易理解.

这种技术有这么多的疑虑.

CSS：

#titleContainer {

width: 520px

}

h3 {

margin:0;

font-size: 42px;

font-weight: bold;

font-family: sans-serif

}

h3 .heading {

background-color: #000;

color: #00a3d0;

}

h3 .subhead {

background-color: #00a3d0;

color: #000;

}

div {

line-height: 1.1;

padding: 1px 0;

border-left: 30px solid #000;

display: inline-block;

}

h3 {

background-color: #000;

color: #fff;

display: inline;

margin: 0;

padding: 0

}

h3 .indent {

position: relative;

left: -15px;

}

h3 .subhead {

padding: 0 15px;

float: left;

margin: 3px 0 0 -29px;

outline: 1px solid #00a3d0;

line-height: 1.15

}

HTML：

THE NEXT GENERATION OF CREATIVE TALENTIT'S RIGHT HERE