css - bootstrap How to make text press on the line?

Question

 <p>当天重点工作汇报</p>  
       <hr class="colorgraph" />
       <p class="form-group"> 
       <input type="text" name="display_name" id="display_name" class="form-control input-md" placeholder="序号一" tabindex="3" /> 
      </p>  
      <p class="form-group"> 
       <input type="text" name="display_name" id="display_name" class="form-control input-md" placeholder="序号二" tabindex="3" /> 
      </p> 

Effect

How can I center the text on the line?

Answer 1

p{text-align:center}
hr.colorgraph{margin-top:-30px}