Css İle Yazıyı Çizgilerin Arasına Alma

Css İle Yazıyı Çizgilerin Arasına Alma

HTML Kodları :

<h1>İnternet Alemi</h1>
<h1>www.internetalemi.net Adresi</h1>


CSS Kodları :

h1 {
overflow: hidden;
text-align: center;
}
h1:before,
h1:after {
background-color: #000;
content: “”;
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
h1:before {
right: 0.5em;
margin-left: -50%;
}
h1:after {
left: 0.5em;
margin-right: -50%;
}

Author: Wi34

Bilgisayar Mühendisidir. E-ticaret ve Web Tasarım ile ilgilenir. Mentalist, Sherlock, Blacklist, Game Of Thrones dizilerine bayılır. :)

Share This Post On

Submit a Comment

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir