<div id="container">
  <div>vertical-align: middle ile dikey ortalama</div>
</div>
#container {
  display: table; 
  height: 100px; 
  width:200px;
  position: relative; 
  overflow: hidden;
  background:#ccc;
  padding:50px;
  font-family:monospace, arial;
  border-radius:8px;
  text-align:center;
  line-height:23px;
}
#container div {
  display: table-cell; 
  vertical-align: middle;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.