ol text align code example

Example 1: ol text align

.center {
  text-align: center;
  list-style-position: inside;
}

<h4 align="center">HEADLINE</h4>
<ol class="center">
  <li>First Item</li>
</ol>

Example 2: how do i move the numbers of an ordered list centered with css

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>align</title>
  <style>
    li {list-style-position: inside;}
  </style>
</head>
<body>
<ol>
  <li style="text-align: left">item 1</li>
  <li style="text-align: center">item 2</li>
  <li style="text-align: right">item 3</li>
</ol>
</body>
</html>

Tags:

Misc Example

Related