CODEWITHSUNDEEP
htmlcsstextlinespace
user12204773
user12204773

Reputation: 31

Reduce the space between <hr> and <div>

I have some div tags and in between I have hr tags. There's automatically space between them. I want to reduce it. Please refer the image link below.

[The space pointed by arrow is what I want to reduce] Also tell me if there's a better way to add lines in below situation

https://i.sstatic.net/OSQlP.jpg

Upvotes: 0

Views: 1176

Answers (1)

Judg Smith
Judg Smith

Reputation: 44

You could reduce the line height or default padding like this:

<div><h1>Text</h1></div>
<hr>
<div><h1>Text</h1></div>

h1,hr{
  line-height: 0;
}

Line height w3schools

Upvotes: 1

Related Questions