Текстовый центр не работает в нижнем колонтитуле

Question

Итак, я создал сайт, а нижний колонтитул в порядке, и все, но когда оно становится, и меньший экран, запись внизу не выравнивает центр. Теперь я попробовал отображение: inline-block; и text-align: center; и ни одна из них не работает.

Любая помощь Я благодарен :)

@media screen and (max-width: 767px) { 
 
    footer p{ 
 
     display: inline; 
 
    } 
 
} 
 

 
footer { 
 
    padding-top: 15px; 
 
    padding-bottom: 5px; 
 
    background-color: #2c3e50; 
 
} 
 

 
footer .container { 
 
    font-size: 18px; 
 
} 
 

 
footer .container p{ 
 
    margin-top: 10px; 
 
} 
 

 
footer .container a{ 
 
    color: #8F8; 
 
}

<footer> 
 
    <div class="container"> 
 
     <div class="row"> 
 
      <div class="col-md-12"> 
 
       <p class="pull-left copyright text-muted">&copy; 2015 AAA Oven Cleaning</p> 
 
       <p class="pull-right text-muted">Created By 
 
           <a href="#">Crafted-Website</a> 
 
       </p> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</footer>

ссылке Image (Это то, что происходит): http://gyazo.com/419bc4a2bfda59139de9ef3440f74e18

Я решил это сейчас, все, что я должен был сделать был равен

@media screen and (max-width: 767px) { 
    footer div { 
     display: inline-block!important; 
    } 
} 

Answer 1

Если Вы пытаетесь центрировать текст, то используйте:

footer .container { 
    font-size: 18px; 
    text-align: center; 
} 

Answer 2

Родительского элемент должен иметь выравнивания текста: центр

, например, в медиа-запросе для мобильных устройств, дает сноску следующей: сноски { text-align: center; }