NEW POSTS
latest
matrix3d() css
matrix3d() css

How to Reduce the Height of br Tag in HTML

Reduce br Tag's height in HTML
-

In this post, you will learn how to use a half of <br> tag or reduce the height of a <br> tag, or adjust the height of a line break in HTML. It's so easy and straightforward.

The following code demonstrates how the line-break or <br> tag's height can be adjusted.

You can also use line-height property to adjust the line break's height. But the code above uses margin-bottom property to adjust the height of a line break.

To create line breaks, we have to use <br> tags. I can add <br> tags to create more line breaks but if I wanted to reduce the height of the gap created below a text line, it is a way bigger problem for us. So here in this post, I disclose my little tips and tricks to reduce the height of a line break in HTML.

You can remove <br> tags. Give an id name to an element and start styling it. You can use something like margin-bottom property to adjust the space below a text line. Use margin-top property if you are adjusting the space above a text line. Also make sure to use display: block; When we use display: block;, it automatically creates a line break equivalent to one <br> tag for each text line.

This is how you can adjust the height of a line break in html.

« PREV
NEXT »

No comments

If you have any doubt, please let me know.

US Flag
play button