MobileRead Forums - View Single Post

ignaz wrangel · 09-26-2015, 05:51 PM

Hi everybody I'm a css and epub beginner.

My source consists of many continuous blocks of text whose paragraphs are marked by an indent. I wanted the first paragraph each block to be un-indented so I added some css

Code:

p {
  margin: 0; }
p + p {
  text-indent: 1em; }

But the source also includes paragraphs separated by line breaks, and this is where I had trouble. Flightdeck says that <br /> is not allowed in epubs, and sigil wanted to clean up the html by wrapping each one in <p> tags. Of course this meant that every first paragraph in a block was now preceeded by a <p> and got indented.

I found a solution already which is to wrap all the break tags in div tags, but my question is: is this a reasonable solution? What is the normal approach?

Should all of these blocks be contained by tags?

Should I add a class to every first paragraph of every block that follows another?

Thanks for any tips

09-26-2015, 05:51 PM	#1
ignaz wrangel Member Posts: 11 Karma: 10 Join Date: Sep 2015 Device: kindle 4g	CSS question: breaks and indents Hi everybody I'm a css and epub beginner. My source consists of many continuous blocks of text whose paragraphs are marked by an indent. I wanted the first paragraph each block to be un-indented so I added some css Code: p { margin: 0; } p + p { text-indent: 1em; } But the source also includes paragraphs separated by line breaks, and this is where I had trouble. Flightdeck says that <br /> is not allowed in epubs, and sigil wanted to clean up the html by wrapping each one in <p> tags. Of course this meant that every first paragraph in a block was now preceeded by a <p> and got indented. I found a solution already which is to wrap all the break tags in div tags, but my question is: is this a reasonable solution? What is the normal approach? Should all of these blocks be contained by tags? Should I add a class to every first paragraph of every block that follows another? Thanks for any tips