Прокладка справа слишком велика

Question

У меня заголовок слишком большой. Он должен быть настолько широким, как заголовок-текст внутри него, называемый «НАЗВАНИЕ ВЕБ-САЙТА».

Возможно ли, чтобы мой padding-right был таким же, как мой текущий padding-left, который был бы около 5 пикселей?

FIDDLE ЗДЕСЬ ... FIDDLE

HTML:

<footer class="main_footer"> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-sm-12"> 
       <div class="container-fluid"> 
        <div class="text-center-footer-text">  
         <a href="#"> 
          <h4>WEBSITE<span> TITLE</span></h4> 
         </a>  
        </div> 
        <p>Cool website.</p> 
        <p><a href="#">text1</a></p> 
        <p><a href="#">text2</a></p> 

       </div> 
      </div> 
     </div> 
    </div> 
</footer> 

CSS:

.text-center-footer-text h4 { 
    font-size: 20px; 
    padding: 5px; 
    color: green; 
    font-family: Agency FB; 
    font-weight: normal; 
    background-color: black; 
    border: 5px solid blue; 
} 

.text-center-footer-text h4 span { 
    color: red; 
} 

Answer 1

Набор display: inline-block или display: table в h4

.text-center-footer-text h4 { 
 
    font-size: 20px; 
 
    padding: 5px; 
 
    color: green; 
 
    font-family: Agency FB; 
 
    font-weight: normal; 
 
    background-color: black; 
 
    border: 5px solid blue; 
 
    display: inline-block; 
 
} 
 
.text-center-footer-text h4 span { 
 
    color: red; 
 
}

<footer class="main_footer"> 
 
    <div class="container"> 
 
    <div class="row"> 
 
     <div class="col-sm-12"> 
 
     <div class="container-fluid"> 
 
      <div class="text-center-footer-text"> 
 
      <a href="#"> 
 
       <h4>WEBSITE<span> TITLE</span></h4> 
 
      </a> 
 
      </div> 
 
      <p>Cool website.</p> 
 
      <p><a href="#">text1</a> 
 
      </p> 
 
      <p><a href="#">text2</a> 
 
      </p> 
 

 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</footer>

Answer 2

попробовать с

display:inline-block. 

http://jsfiddle.net/sunp5usj/2/

надеюсь, что это помогает.

С уважением!