<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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.