Menu
- 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.
In the above paragraph, I would like to use CSS to make all lines after the first line to automatically indent some space so that each line stays right after the - in the first line.
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> It's similar to a list item with list position set to outside, but I don't want to use a list.
What is the simplest way you can think of to achieve this effect? Less extra html markups will be better.
Many thanks to you all.
925
As remarked above, the first paragraph after a title or section heading is not indented. Every succeeding paragraph should be indented; the tab key on any keyboard will do this for you. For certain kinds of writing, such as technical reports and business letters, there is another format which is sometimes preferred.
A first-line indent is the most common way to signal the start of a new paragraph. The other common way is with space between paragraphs. First-line indents and space between paragraphs have the same relationship as belts and suspenders. You only need one to get the job done.
Hanging Indents A hanging indent is an indent that indents all text except for the first line. An example is below: There are a few ways to create hanging indents. On most computers, you can create a hanging indent by selecting the line you want indented and then holding down the Ctrl and T buttons at the same time.
If a paragraph is preceded by a title or subhead, the indent is superfluous and can therefore be omitted". (They also mention that Chicago rules state that "the first line of text following a subhead may begin flush left or be indented by the usual paragraph indention.")
You need text-indent. Normally text-indent pushes the first line inwards, but if you give it a minus figure and use a positive margin, you can achieve the effect you're after.
text-indent: -10px; margin-left: 10px 
p { text-indent: -1em; padding-left: 1em; } If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
