html - 段落の最初の行の後のテキストのインデント

Question

-ナンガルハール州のスルフロド地区のロイター記者は、村人が家宅捜索が行われたと語った場所であると、アフガニスタン警察は、地方政府の建物に石を投げ始めた後、群衆に発砲したと述べた。

上記の段落では、CSS を使用して、最初の行の後のすべての行を自動的にインデントして、各行が最初の行の - の直後に留まるようにします。

HTML

<p> - A Reuters reporter in Surkhrod district in Nangarhar province, where 
villagers said the raids took place, said Afghan police fired at the crowd 
after some of them started throwing stones at local government buildings.</p>

リスト位置が外側に設定されたリストアイテムに似ていますが、リストを使用したくありません。

この効果を得るために考えられる最も簡単な方法は何ですか? 余分な HTML マークアップが少ないほど良いでしょう。

皆様、どうもありがとうございました。

Answer 1

が必要text-indentです。通常text-indentは最初の行を内側に押し込みますが、マイナスの数値を与えてプラスのマージンを使用すると、目的の効果を得ることができます。

text-indent: -10px;
margin-left: 10px

Answer 2

p {
  text-indent: -1em;
  padding-left: 1em;
}