私はサブヘッダーで少し違うことをしようとしています。それによってテキストが少し乱雑に見えます。<br/>マークアップをsやその他の要素を持つように変更したくありません。
誰かがこれが純粋にcssでどのように行われるかについてのきちんとした考えを持っているかどうか知りたいです。画像を見てください：
したがって、この例では、左右両方に奇妙な側溝と余白があります。
これが可能かどうか疑問に思っています。繰り返しますが、単純なマークアップを変更したくありません。
<h2>The quick brown fox jumps over the lazy dog.</h2>
これを試して。
<html>
<head>
<style type="text/css">
p
{
white-space:pre;
}
</style>
</head>
<body>
<p>
The quick brown fox
jumps over the
lazy dog
</p>
</body>
</html>
元のマークアップを変更せずに、私はこれまで取得しました：jsFiddle
h2 {
width:10em; text-indent:-2em; margin-left:1em;
}
h2:before {
display:block; content:''; float:left; width:1em; height:2em;
}
マークアップを変更しないと、これはプレーンCSSでは不可能です。