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

0 vote210 views1 answer
How to add html in svg d3
Html
50 votes212 views3 answers
Html label tag
Html
0 vote241 views1 answer
Which attribute use in html show decided password site:stackoverflow.com
Html
0 vote203 views1 answer
How to make option values contain spaces in html
Html
8 votes161 views6 answers
Jumbotron bootstrap
Html
2 votes180 views3 answers
Hypertext markup language
Html
6 votes268 views2 answers
React render string as html
Html
-2 votes178 views2 answers
Making image responsive
Html
14 votes174 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html
0 vote185 views1 answer
Float middle not working
Html