html - How to set background image to full length and make text align center? -

my header-banner set width 100% not covering on top looks 70% , text not setting center, when inspect element in chrome shows 100% width in actual display not. how can fix issue ?

main.html

<div class="row">     <div class="col-md-12">         <div class="header-banner">             <h1>server</h1>         </div>     </div> </div> 

main.css

.header-banner {     background:url('../img/header_master.jpg');     width:100%;     min-height:70px;     background-repeat: no-repeat;     text-align: center; } 

try it:

.header-banner {         background:url('../img/header_master.jpg');         width:100%;         min-height:70px;         background-repeat: no-repeat;         text-align: center;         background-size: cover;     }