Biraz HTML'im var:
<div align="center" style="border:1px solid red">
This is some text in a div element!
</div>
Div, belgemdeki boşlukları değiştiriyor, bu yüzden bunun yerine bir span kullanmak istiyorum.
Ancak span içeriği merkezileştirmiyor:
<span style="border:1px solid red;align=center">
This is some text in a div element!
</span>
Bunu nasıl düzeltebilirim?
DÜZENLE:
Kodumun tamamı:
<html>
<body>
<p>This is a paragraph. This text has no alignment specified.</p>
<span style="border:1px solid red;text-align=center">
This is some text in a div element!
</span>
</body>
</html>
Div bir blok elemanıdır ve bir genişlik ayarlanmadığı sürece kabın genişliğini kapsayacaktır. Span satır içi bir öğedir ve içindeki metnin genişliğine sahip olacaktır. Şu anda, hizalamayı bir CSS özelliği olarak ayarlamaya çalışıyorsunuz. Align bir niteliktir.
<span align="center" style="border:1px solid red;">
This is some text in a div element!
</span>
Ancak, align niteliği kullanımdan kaldırılmıştır. Kapsayıcı üzerinde CSS text-align
özelliğini kullanmalısınız.
<div style="text-align: center;">
<span style="border:1px solid red;">
This is some text in a div element!
</span>
</div>
Lütfen aşağıdaki stili kullanın. margin:autonormalde içeriği ortalamak için kullanılır.
spanöğesi için
display:table` gereklidir
<span style="margin:auto; display:table; border:1px solid red;">
This is some text in a div element!
</span>
alignniteliği kullanımdan kaldırılmıştır. Bunun yerine CSS
text-alignkullanın. Ayrıca,
display:blockveya
display:inline-block` kullanmadığınız ve genişlik için bir değer belirlemediğiniz sürece span metni ortalamaz, ancak o zaman bir div (blok öğesi) ile aynı şekilde davranır.
Düzeninizin bir örneğini gönderebilir misiniz? www.jsfiddle.net adresini kullanın