テキストのブロック (最初の行だけでなくすべてのテキスト) をインデントしたいのですが、これはレイアウトやワープロ プログラムではよくあることですが、CSS ではこれが驚くほど難しいと感じています。
試してみましたmargin-leftが、成功paddingしませんでした。text-indentと組み合わせることmargin-leftでdisplay:block-inline、ブロックをインデントすることができましたが、ブロックdisplay:block-inlineの上にスペースが追加され、レイアウトが崩れ、全体的に見栄えが悪くなります。どうやら、別のアプローチ<blockquote>は非推奨です。CSSでブロックインデントを行う方法を提案できる人はいますか? また、私はコードを軽量に保とうとしているので、リストの複雑なスタイリングをしたくありません。これはより大きなページに収まるためです。
この問題を除いて正常に動作します。ありがとう：
次のコードはブロックをインデントしますが、その上にスペースを挿入します。
html
Colors:<br>
<span style="display:inline-block;margin:1em;">
blue<br>
orange - complement to blue<br>
red<br>
purple - blend of red and blue</br>
</span>