için sıralı liste numarası nasıl sıralanır HTML programlamayı öğreniyorum.HTML
Eğer böyle koymak:
<html>
<body align="middle">
HEADLINE
<ol>
<li>First Item</li>
</ol>
</body>
</html>
sorun ben başlığı altında uyumlu hale istediğinde numarası (1.) solda olan bir sorun var. Tüm liste öğesini ortama nasıl alabilirim? Vücutta ALIGNING
Sen hizaladığınızdan metinleri:
ben başka bir web sitesine bir link vereceğiz böylece resmi görmek için resim eklemek için en az 10 üne gerekir.
bu deneyin:
.center {
text-align: center;
list-style-position: inside;
}<h4 align="center">HEADLINE</h4>
<ol class="center">
<li>First Item</li>
</ol>Bu benim için çalıştı, neden yapmaya çalıştığım gibi ayrı bir CSS dosyasında çalışmadı? – Nikolas
Okuyucular için - buradaki anahtar “liste stili konumdur: iç”; Bu, tarayıcıya liste işaretini (bu durumda sayı) metinle satır içi olarak işlenmesini sağlar, böylece "metin hizalaması" tarafından etkilenebilir. – Beejamin
Nikolas, CSS'deki sıralı bir listedeki numaraları hizalıyor:
ol
{
display: inline-block;
margin-left: auto;
margin-right: auto;
}
** Bir Display- kullanmalıdır Listeyi listeyle ortalamak için listenizi kutuya koymanız gerektiğinden
Nuno Duarte'nin cevabına ek olarak (bence) ortalanmış modda daha iyi görünmesini sağlayan liste numaralarından sonra molalar ekleyebilirsiniz. (uyarı: tarayıcılar arasında test edilmedi)
.text-center {
text-align: center;
}
ol.text-center {
list-style-position: inside;
padding-left: inherit; /*Get rid of padding to center correctly*/
}
ol.text-center > li::before {
content: "\A";
white-space: pre;
}<h4 class="text-center">HEADLINE</h4>
<ol class="text-center">
<li>First Item</li>
</ol>
istediğini tam olarak göstermek için bir resim var mı? –
Css hakkında bilgi sahibi misiniz? 'li li {text-align: center; en: 300 piksel; } 'örneğin –
Bu, HTML değil, CSS için bir iş gibi görünür. –