現在、私はHTMLプログラミングを学んでいます。私は問題を抱えている：HTMLで順序付けられたリスト番号の中心を合わせる方法
私はこのように置く場合：
<html>
<body align="middle">
HEADLINE
<ol>
<li>First Item</li>
</ol>
</body>
</html>
問題は、私はそれが見出しの下に整列されると思った時に番号（1）が左側にあります。どのようにしてリストアイテム全体を途中まで取得できますか？
私はあなたが絵を見るためにのために、私は別のウェブサイトへのリンクを提供しますので写真を追加するために少なくとも10の評判が必要ですALIGNING
あなたが身体にテキストを揃えています。
これを試してみてください：
.center {
text-align: center;
list-style-position: inside;
}<h4 align="center">HEADLINE</h4>
<ol class="center">
<li>First Item</li>
</ol>ニコラス、次のようにCSSで順序付けられたリストの数字を揃えることである：
ol
{
display: inline-block;
margin-left: auto;
margin-right: auto;
}
**あなたがディスプレイ - を使用する必要があります。あなたがあなたのリストをボックスの中に入れてリストの番号を中央に置く必要があるからです。
Nuno Duarteさんの回答に加えて、中央に表示されるリスト番号の後に改行を追加することができます。 （免責事項：ブラウザ間でテストされていない）
.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>
あなたが欲しいものを正確に表示する画像を持っていますか？ –
あなたはCSSには全く慣れていますか？ 'ol li {text-align：center;幅：300px; } '例えば –
これはHTMLではなく、CSSの仕事のように聞こえます。 –