div

1. margin: auto;

   özelliği ile yatay ortalama 12:

.center {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}
Kopyala

width

2. text-align: center;

   ile metinleri ortalama 12:

.center {
  text-align: center;
  border: 3px solid green;
}
Kopyala

3. display: block; margin-left: auto; margin-right: auto;

   ile resimleri ortalama 1:

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}
Kopyala

4. position: absolute;

   ile mutlak konumlandırma kullanarak sağa ve sola hizalama 12:

.right {
  position: absolute;
  right: 0px;
  width: 300px;
  border: 3px solid #73AD21;
  padding: 10px;
}
Kopyala