I'm working with a web page which currently uses <br> tags for spacing and page layout, and I want to remove all these tags and replace them with an equivalent in CSS to make the page more accessible to screen readers.
As part of this process, I need to replace the break tags that are currently used for spacing with CSS-based padding.
Could someone tell me what the default line break height is so that I can set my padding to equal that height and save a lot of time?
A <br> element represents a line break. The height of a line break is determined by the current line height of the portion of the document the break element is in.
The default line height depends on a number of factors, including the browser you're using and the current font family. You can find the exact computed line height for any given element in Chrome by inspecting the element, switching to the computed style tab, and filtering for the line-height property. In most browsers, you should be able to approximate this height with a length value of around 1.2em. For more on em units, see the section on relative length units from MDN.
is a line break. It doesn't have a height, it just breaks the line. – JJJ May 29 '15 at 16:18
` tags for formatting, and you need to replace those tags with an equivalent in CSS, right? I'm going to edit to clear things up a bit, feel free to revert if my edit changes the intent of your question. – Ajedi32 May 29 '15 at 16:39