On the site I am developing, the teaser box seems like a great way to highlight special features but, for some reason the first line of text is always presented in a slightly different format from the rest.
Basically it seems the first line is not given < p > tags so it looks different. (see pic #1)
If I try to fix this by editing the text (as text, not visually) to add the < p > tags then the text format is OK but a mystery line appears above the text, ruining the margin. (see pic #2)
How can I have the text as all < p > but without the extra margin at the top?
Image #1
https://hannahhumpstonjewellery.com/Teaser-Box-Paragraph-annot1.jpg
Image #2
https://hannahhumpstonjewellery.com/Teaser-Box-Paragraph-annot2.png