Depending on Location Text Wrapped in <p> Tags Looks Different from Text Without Them

[jmbragg]

This is not an issue in Bootstrap only Elegance.

Use this code snippet for testing

Larger text <br>
<br>
<p>Smaller text</p>

Depending on the location of that bit of code, the "Larger text" that isn't wrapped in a <p> tag will look larger than the smaller text that is wrapped in a <p> tag.

In Atto it looks bigger:

On a Page resource it looks bigger:

In a label on the course page it doesn't look different. Although it does look a little funky because its centered for some reason. I've reported that bug in Bootstrap already. https://github.com/bmbrands/theme_bootstrap/issues/309

[thedannywahl]

for the output what's the actual source is it:

<p><p>Larger text</p></p>
<p>smaller text</p>

or is "Larger text" not nested in an extra "p" tag?

[jmbragg]

Both the label and the page look the same in the output code.

<div class="no-overflow">Larger Text<br>
<br>
<p>Smaller Text</p></div>