css - Centered text 2nd line pushed over -


on website have content box in middle, , have 2 lines of centered text. second 1 seems pushed over, despite centered tags. have highlighted text in image: image 1

my code follows:

<div id="welcometext">                 <center>                     <h2>bitcoin payments made easy.</h2>                     <h3>our services make easier                     <br>to start accepting bitcoin.</h3>                 </center>             </div> 

my css follows:

#welcometext {     position: relative;     top: 50%;     transform: translatey(-50%); } #welcometext h2 {     color: #fff;     font-family: "pt sans";     font-weight: 700;     font-size: 35px; } #welcometext h3 {     color: #fff;     font-family: "pt sans";     font-weight: 400;     font-size: 20px; } 

i need figure out how center it.

thank you.

edit: fixed problem making inline-block , floating left, think conflicting navbar. thank helped.


Comments

Popular posts from this blog

php - Admin SDK -- get information about the group -

dns - How To Use Custom Nameserver On Free Cloudflare? -

Python Error - TypeError: input expected at most 1 arguments, got 3 -