2016-03-30 17 views
0
Text in der Mitte in UI-Elemente auszurichten

Ich bin nicht in der Lage Text im ZentrumNicht in der Lage

Hier in UI-Elemente auszurichten ist der Code

<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> 

Hier ist der Code in jsfiddle ist.

Ich möchte keine genau in der Mitte von li Element zeigen.

+0

was mit all der Positionierung ist? Wie soll das aussehen? –

+0

Text soll zentriert sein. – SKiran

+0

Ich habe unerwünschten Code entfernt. Können Sie das bitte jetzt überprüfen? Die LI verwendet .place .seat Klasse – SKiran

Antwort

-1

Wenn Sie Ihr Markup berücksichtigen, können Sie die Zahl in eine <span> umbrechen und die absolute Positionierung verwenden, um das Element zu zentrieren.

Versuchen Sie, diese jsfiddle

+0

vielleicht ein Kommentar, warum die down vote? – Guruwanabe

+0

Sie treffen ins Schwarze. Danke für die Lösung – SKiran

+0

Ich habe es nicht gewählt. Eigentlich möchte ich darüber abstimmen. Bitte helfen / – SKiran