CSS yazıyı dikey ve yatay ortalamak

Çoğumuzun en sık karşılaştığı lakin çözerken uğraştığı sorunlardan biride html veya css de hizalama sorunları; bu sorunun çözümü için kod yapısına göre farklılık gösterebilir. lakin basit anlamda devamlı kullandığım kodu sizlerle paylaşmak istedim..

.tablo{
	background-color:#red;
	height: 400px;
	width: 400px;
        position:realtive;
        margin:Auto;
 
 
}
 
.yazi{
  position: relative;
  text-align: center;
  top: 50%;
  left: 50%;
  font-size: 36px;
  transform: translate(-50%, -50%);
}

Paylaşımlarınız
Both comments and pings are currently closed.

Comments are closed.

Powered by WordPress | Download Free WordPress Themes | Thanks to Themes Gallery, Premium Free WordPress Themes and Free Premium WordPress Themes