html - Trying to create a button for my website -

i'm trying create button website. here's code:

css:

.fheader-text {     text-align: center; }  .fheader-text h3 {     font-family: arial;     color: #ffffff;     font-size: 30px;     background: #8edd63;     padding: 10px 20px 10px 20px;     text-decoration: none; } 

html:

<div class="fheader-text">     <h3>aphryv</h3> </div> 

the problem backgrounds width 100%. cant change width: 50px or that.

<div>s take space, make <span> instead. after can set desired width.