I’m not too sure if I’m doing something wrong, but when I copy and paste either of these into the passage, the space between the passage and the top of the screen is smaller than before, however, there’s still quite a large gap.
But this pretty much solved all my problems including the <br>. Also from my understanding, I should use <br> before I want the line break?
Thanks for the answers and notes. Sorry if this was a question for something pretty easy to solve.
The <span> HTML element is designed to display inline-level content, but you are it to display content in a block-level like manner.
eg. the content within your <span> includes a line-break so it is laid out over multiple lines…
Ideally the <span> should be replaced with a block based element like <div> Preformatted text.
The following a <div> based variations of @svlin 's examples…
There is automatically a small bit of space between the passage top and top of the window, but certainly not as much as you are showing.
Do you have a header tagged passage? If so, it is prepended to the top of your passages, and so any line-breaks inside it will cause the same issues as the ones in the passage. Alternatively, do you have any custom Stylesheet code that could be adding more padding or margin to the passage?
If you examine the page in your browser’s dev tools (in Firefox/Chrome, right-click the passage and choose “Inspect”) you should be able to see if the gap is inside or outside of the passage itself.