Skip to content

Instantly share code, notes, and snippets.

@Avesha-2016
Created February 15, 2017 10:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Avesha-2016/3405eebd7ce7510af647bf3d1296fbe9 to your computer and use it in GitHub Desktop.
Save Avesha-2016/3405eebd7ce7510af647bf3d1296fbe9 to your computer and use it in GitHub Desktop.
<div class="strike">
<span>Hello World</span>
</div>
.strike {
display: block;
text-align: center;
overflow: hidden;
white-space: nowrap;
}
.strike > span {
position: relative;
display: inline-block;
}
.strike > span:before,
.strike > span:after {
content: "";
position: absolute;
top: 50%;
width: 9999px;
height: 1px;
background: red;
}
.strike > span:before {
right: 100%;
margin-right: 15px;
}
.strike > span:after {
left: 100%;
margin-left: 15px;
}
@Avesha-2016
Copy link
Author

Очень пригодилось в работе данное оформление заголовка

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment