Текстовый отступ после первой строки в абзаце

- Генератор отчетов Агентства Рейтер в районе Surkhrod в провинции Нангархар, где сельские жители сказали, что набеги произошли, сказал, что афганская полиция, уволенная в толпу после некоторых из них, начала бросать камни в здания местного органа власти.

В вышеупомянутом абзаце я хотел бы использовать 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 будет лучше.

Большое спасибо Вам всем.

47
задан Ed Plunkett 31 March 2016 в 15:39
поделиться

2 ответа

Вам нужен текстовый отступ . Обычно text-indent сдвигает первую строку внутрь, но если вы укажете минус и положительное поле, вы сможете добиться желаемого эффекта.

text-indent: -10px;
margin-left: 10px
76
ответ дан 26 November 2019 в 19:23
поделиться
p {
  text-indent: -1em;
  padding-left: 1em;
}
42
ответ дан 26 November 2019 в 19:23
поделиться