无法在UI元素中居中对齐文本

时间:2016-03-30 13:50:51

标签: html css user-interface html-lists

我无法在UI元素中心对齐文本

这是代码

<div id="holder4" class="holder" style="height: 450px; width: 1210px;">
  <ul id="place18" class="place ui-selectable">
    <li data-toggle="popover" data-trigger="hover" data-placement="top" data-original-title="Row" data-content="Seat No:B3 Price: 100 GBP" class="seat ui-selectee" style="top:0px;left:81px">222</li>
  </ul>
</div>

以下是jsfiddle中的代码。

我想在li元素的确切中心显示no。

1 个答案:

答案 0 :(得分:-1)

考虑到你的标记,你可以将数字包装成<span>并使用绝对定位来使元素居中。

试试这个 jsfiddle