Css heading background line

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>HTML</title>
  <link rel="stylesheet" href="main.css" type="text/css" />
</head>

<body>
  <div id="wrapper">
    <div class="line"></div>
    <div class="textbox">
      <div class="text">This is my Title</div>
    </div>
  </div>
</body>

</html>

Source: stackoverflow.com

Css heading background line

h1 {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
h1:before, h1:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '\a0';
    background-color: red;
}
h1:before {
    margin-left: -50%;
    text-align: right;
}
.color {
    background-color: #ccc;
}

Source: stackoverflow.com

Similar codes

28 votes260 views3 answers
Google font roboto
CSS
1 vote255 views1 answer
Background color for whole page css
CSS
103 votes265 views2 answers
What are the types of positioning in css
CSS
34 votes296 views4 answers
Hide element using css
CSS
0 vote267 views3 answers
Sass use variables from another file
CSS
-1 vote275 views1 answer
Sidebar-Content layout
CSS
15 votes269 views4 answers
Docker postgres
CSS
0 vote251 views1 answer
Code preview html css tag
CSS
0 vote250 views1 answer
How to link to class in CSS
CSS
-1 vote251 views1 answer
Css background linear gradient transparent
CSS