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 vote177 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
15 votes178 views5 answers
Remove horizontal scrollbar css
CSS
1 vote137 views2 answers
Button width based on text csss
CSS
2 votes154 views6 answers
Tailwindcss
CSS
0 vote146 views1 answer
Css gradient bottom page
CSS
8 votes165 views1 answer
Full screen image
CSS
0 vote145 views1 answer
Adding whitespace in box
CSS
0 vote246 views1 answer
Flex starty
CSS
13 votes135 views4 answers
Background color transparent
CSS
0 vote150 views1 answer
Text slide animation css
CSS