Add space between <br> tag

[kakkalla]

Hi there. I would like to add some space above some paragraphs in an ebook that I have converted to epub.

In the attachment Screen1, there is space above the paragraphs:

Two months before ...
We know Jay ..

I would like the same space above the paragraphs that follow:

Works for Hamlyn ...
Professionally ... etc.

Screen2 shows the tags via the Inspect feature of calibre.

Screen3 shows the entry for calibre8 in the css file.

It is obviously the fact that there is a <br> tag in there and not a <p> tag that prevents me from adding the space as I normally would by changing the margin-top setting for calibre8.

Is it possible to add space above the <br class="calibre3"> style?

I tried entering:

br{
line-height: 0.5em;
}

in the css file but it doesn't seem to work. Any ideas?

Thanks in advance

[theducks]

Line-height is between ALL LINES inside a paragraph (<br /> is not a line )

<p>The first phrase <br />The second phrase</p>

Margin-bottom, Margin-top are between paragraphs (and my preferred way for most cases)

<p>The first phrase </p>
<p>The second phrase</p>

[dwig]

I also avoid using <br> for this type of formatting. I use a style for the first paragraph following a section break:

<p>stuff</p>
<p>and</p>
<p class="section">more</p>
<p>stuff</p>

with these styles:

p {margin-top: 0em}
.section {margin-top: 1em}

yields:

stuff
and

more
stuff

[Rob Lister]

I can't figure out why the op wants the paragraphs and their associated dialog formatted that way so I feel I must be missing something important <br class="confused" />

there's not enough in attach1 to see the overall style being used here, but what is presented looks jumbled.

1) Space between paragraphs, or not?

2) Indent paragraphs or not.

If 1 is true then 2 can be true of false.
If 1 is false then 2 should certainly be true.

The br tag is an awkward (and certainly counter-semantically) why of achieving either.

[DiapDealer]

Aren't extraneous <br /> tags often ignored by ADE anyway?

[dwig]

Originally Posted by DiapDealer

Aren't extraneous <br /> tags often ignored by ADE anyway?

Yes, ADE ignores some <BR> tags and using a <BR> in a centered paragraph usually produces one of ADE's many problems with centering.

[theducks]

Originally Posted by DiapDealer

Aren't extraneous <br /> tags often ignored by ADE anyway?

There is some mis-information here.
A single <br /> works just fine with ADE on my PEz
A <h3 class="is_one _centered">Chapter 1 <br />The Beginning</h3>
Also works with both lines.
Note: I see the H3 tag have an indent, then centered. The second line looks like crap.

[DiapDealer]

There is some mis-information here.
A single <br /> works just fine with ADE on my PEz

But that wouldn't be an extraneous <br /> then, would it?

Yes, ADE will honor a <br /> tag and start a new line, but a second one—in an attempt to create a "blank" line—will be ignored.

I just meant that using the <br /> tag to do anything other breaking to a new line is probably not going to have the desired result in ADE. There needs to be something to "break," first and foremost.

[dwig]

Originally Posted by theducks

There is some mis-information here.
A single <br /> works just fine with ADE on my PEz
A <h3 class="is_one _centered">Chapter 1 <br />The Beginning</h3>
Also works with both lines.
Note: I see the H3 tag have an indent, then centered. The second line looks like crap.

The behavior I see with centered <p> tags (<p class="center>) containing a break is that if the .center style explicitly sets text-indent: 0; and the default <p> tag sets text-indent: 1em; then the second line, the text after the<br />, is indented and centered leaving it out of alignment with the pre-<br /> text. It behaves as if it is generating an on-the-fly <p> for the second half of the text and using the <p> tag's formatting for text-indent instead of inheriting it from the style applied to the <p> tag containing the <br />. For me, this has always happened when the <p> contains <img> tags before and after the <br />.

[theducks]

I don't use naked <p>'s anywhere I care about