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

2 votes264 views1 answer
How to add an audio in html
Html
7 votes257 views4 answers
New laravel
Html
0 vote243 views1 answer
Create link inertia-svelte
Html
0 vote254 views1 answer
Amp form
Html
1 vote274 views1 answer
Okaycms not working after installation
Html
4 votes260 views3 answers
Show timestamp as yyyy mm dd html angular
Html
35 votes292 views6 answers
How to bold in html
Html
186 votes298 views6 answers
Open new tab href
Html
0 vote341 views1 answer
Cambiar el texto de label usando JavaScript
Html
3 votes272 views1 answer
Define the author of a page:
Html