How Can I have That tough result featured on my Browser?

Question

I want to know the Code behind this. I want the two lists to be both present, and aligned under each other, and that's how I want the result to looks like on the browser.

First : aligned on the left :

1-Colors
i.green
ii.blue
iii.yellow
iv-Black
v-Brown
2-Animals
i-Cat
ii-dog
iii-Mouse
iv-Elephant
v-lion

2- Aligned on the Right
1-Colors
i.green
ii.blue
iii.yellow
iv-Black
v-Brown
2-Animals
i-Cat
ii-dog
iii-Mouse
iv-Elephant
v-lion
3- Aligned on the Center:
1-Colors
i.green
ii.blue

Answer 1

Use tables in HTML and make three columns and not mandatory to align the columns.