<div class="orta-alan">
<p>Fatih Hayrioğlu'nun not defteri</p>
</div>
html, body {
height: 100%;
}
body{
margin:0;
padding:0;
background-color:#D2D2D2;
font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333333;
}
.orta-alan {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
p {
width: 300px;
text-align: center;
&:before {
content: '';
background:#fff url(http://fatihhayrioglu.com/favicon.png) center center no-repeat;
display: block;
width: 20px;
height: 20px;
margin: 0 auto 10px auto;
padding: 10px;
border-radius: 50%;
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.