HTML Текстовое позиционирование не выравнивание в центре

Question

Я хочу центрировать текст, но вторая строка не хочет поднять litle bit help?

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

Answer 1

Первая и вторая линия не центрированы из-за 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

Answer 2

Что касается центрирования текста, попробуйте это так же просто, как этот (добавление выравнивания текста: центр для вмещающих дел):

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