Html 当我将有序列表居中时，数字会跑到列表的另一行

* {
  text-align: center;
}

ol {
  list-style-position: inside;
  padding: 0;
}

<ol>
  <li>
    inline text<h3>Gather ingredients and preheat oven:</h3>
    Preheat oven to 200 degrees</p>
  </li>
</ol>

* {
  text-align: center;
}

ol {
  list-style-position: inside;
  padding: 0;
}

h3 {
  display: inline;
}

<ol>
  <li>
    <h3>Gather ingredients and preheat oven:</h3>
    <p>Preheat oven to 200 degrees. Have a baking sheet or heatproof platter ready to keep cooked pancakes warm in the oven.</p>
  </li>
  <li>
    <h3>Mix dry ingredients:</h3>
    <p>In a small bowl, whisk together flour, sugar, baking powder, and salt; set aside.</p>
  </li>
  <li>
    <h3>Mix wet ingredients:</h3>
    <p>In a medium bowl, whisk together milk, butter (or oil), and egg.</p>
  </li>
</ol>

* {
  text-align: center;
}

ol {
  list-style-position: inside;
  padding: 0;
}

li {
  display: block;
}

h3 {
  display: list-item;
}

<ol>
  <li>
    <h3>Gather ingredients and preheat oven:</h3>
    Preheat oven to 200 degrees. Have a baking sheet or heatproof platter ready to keep cooked pancakes warm in the oven.
  </li>
  <li>
    <h3>Mix dry ingredients:</h3>
    In a small bowl, whisk together flour, sugar, baking powder, and salt; set aside.
  </li>
  <li>
    <h3>Mix wet ingredients:</h3>
    In a medium bowl, whisk together milk, butter (or oil), and egg.
  </li>
</ol>