CSS technique for a horizontal line with icons in the middle
<h1>Heading</h1>
<h1>This is a longer heading</h1>
h1 {
overflow: hidden;
text-align: center;
}
h1:before,
h1:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
h1:before {
right: 0.5em;
margin-left: -50%;
}
h1:after {
left: 0.5em;
margin-right: -50%;
}CSS technique for a horizontal line with icons in the middle
<h1>Heading</h1>
<h1>This is a longer heading</h1>
h1 {
overflow: hidden;
text-align: center;
}
h1:before,
h1:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
h1:before {
right: 0.5em;
margin-left: -50%;
}
h1:after {
left: 0.5em;
margin-right: -50%;
}how to add a horizontal line in html
We can add a horizontal line through the hr tag
where you will put the hr tag it will create a hr tag
it doesnt have a closing tag
<hr>how to add a horizontal line in html
We can add a horizontal line through the hr tag
where you will put the hr tag it will create a hr tag
it doesnt have a closing tag
<hr>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
