Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<h1 class="span"><span>Hello 4444</span></h1>
<style>
h1:before {
    content: "";
    display: block;
    border-top: solid 10px black;
    width: 10%;
    height: 1px;
    position: absolute;
    top: 0%;
    z-index: -1;
}
h1 span {
    background: #fff;
    padding: 0%;
    position: relative;
    z-index: 5;
    Display:block;
​
}
</style>
 
body{background: green}
h4 {} 
h4.span:before {
    background-color: #ddd;
    content: "";
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    width: 49%;
 }
h4.span:after {
    background-color: #ddd;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 4%;
 }
​
h1:before {
    content: "";
    display: block;
    border-top: solid 1px black;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
​
h1 span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5;
}
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers