3 boxes align horizontal and centered?

HTML & CSS
1

Hi guys,

How to make 3 boxes and align them horizontally?
And center them?

Can you show me samples please.

Thank you very much in advanced.

2

all HTML elements are boxes, so depending on the semantic you may want to use different tags to acomplish this. for the sake of brevity, I am using a UL.


ul {margin:0; padding:0; list-style: none; text-align: center}
li {display: inline-block; border: 1px solid pink; width:150px; height:150px; text-align: left;vertical-align: top}
</style>
<ul>
	<li>box</li>
	<li>box</li>
	<li>box</li>
 </ul>
3

@dresden_pheonix

Thanks dude I highly appreciated it.