html - 如何居中对齐

Question

如何以这样一种方式居中对齐以下 html，即“:”应该位于中心并且应该列在另一个下方

<ul>

<li>
<label>Suomething 1 :</label> 
<span>Another 111111111111111111</span>
</li>

<li>
<label>Suomething 2222222222 :</label> 
<span>Another 2</span>
</li>

</ul>

CSS:

label{
width:25%;
display: inline-block;
width: 250px;
}

编辑:- 添加 CSS

Answer 1

试试这个:

label{width:170px;display:inline-block;}

Fiddle here.