CSS'de

align-self

özelliği ile bir öğeyi sağa yaslamak için aşağıdaki kod kullanılabilir 45:

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

Bu kodda,

right: 0px;

ifadesi ile sağa 0 piksel boşluk bırakılacağı belirtilmiştir 1.

Ayrıca,

float

özelliği de kullanılarak öğeler sağa yaslanabilir 3. Örneğin,

.right { float: right; width: 300px; border: 3px solid #73AD21; padding: 10px; }

kodu ile 300 piksellik bir kutu sağa yaslanmış olur 13.

align-self

özelliği, tek bir öğenin dikey hizalamasını ayarlamak için de kullanılır 5.

Mutlaka denenmeden önce bir test ortamında kodun kontrol edilmesi önerilir.