2014-10-02 39 views
-3

我想中心文本,但第二行不想提出litle位幫助?HTML文本定位不在中心對齊

<div class="slog-log" style="margin-bottom: 2px; "> 
    <div class="row"> 

     <div class="col-md-3 " style="margin: 1px 0px 19px 15px ;width: 140px;height: 90px;"> 
      <img src="images/logo.png" alt="" class="img img-responsive" ><!--style="margin:15px;"--> 
     </div> 
     <div class="col-md-9" style="width: 992px;height: 90px;background-color: #777;margin: 9px 0px 0px 7px;"> 
      <i ><h3 style="margin-left: 30%;">Orum Lipsum Blaste</h3></i> 
      <i ><h3 style="margin-left: 20%;">laba Raba Lokus Focus</h3></i> 
     </div> 
    </div>  
    </div> 
+0

第一行也不居中。 – 2014-10-02 08:20:42

+0

你不應該使用內聯CSS樣式。把你的代碼放在一個外部CSS文件中。 – consuela 2014-10-02 08:33:20

回答

0

由於margin-left適用於他們,第一行和第二行不居中。 刪除它,並添加一個text-align: center;

<i><h3 style="margin-left: 30%; padding-top:15px;">Orum Lipsum Blaste</h3></i> 
<i><h3 style="margin-left: 20%;">laba Raba Lokus Focus</h3></i> 

http://jsbin.com/yegogefaqaxo/2/edit

+0

第二個h3是在div的botom我想要h3提高litle位可以告訴我怎麼樣? – 2014-10-02 08:25:02

+0

你想減少兩行文字之間的距離嗎? – 2014-10-02 08:26:20

+0

我想要主題在潛水的中心位置,並且底部PLZ頂部的相同間隙:p – 2014-10-02 08:29:15

0

關於定心文本,嘗試,因爲這一個簡單(添加文本對齊:中心到內含div):

<div class="col-md-9" style="width: 992px;height: 90px;background-color: #777;margin: 9px 0px 0px 7px; text-align:center"> 
     <i><h3>Orum Lipsum Blaste</h3></i> 
     <i><h3>laba Raba Lokus Focus</h3></i> 
    </div> 
+0

使用Bootstrap? – Muhaimin 2014-10-02 08:54:35