Md Hasem
Md Hasem
Programming language:Html
2021-06-16 20:46:48
0
Q:

how to center an ordered list in html

Bur Nor
Bur Nor
Code: Html
2021-02-22 17:07:35 
<!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>
0
Sun Htut Naung
Sun Htut Naung
Code: Html
2021-05-16 08:56:20 
CSS

.center
{
 text-align: center;
 list-style-position: inside;
}
ol.center li
{
 text-align: left;
 margin-left: 45%;
}

HTML

<ol class="center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, repellat.
<li>List1<li>
<li>List2<li>
</ol>
0

Tags

Related

New to Communities?

Join the community