html - text-align: center; gives me and text-align: right; why? -


i working on little project, details don't matter tho :p

but creating multiple div's multiple 'categories'. services, contact etc.

but trying align <h1 class="h1-contact">. doesn't work somereason..

i tried looking in other topics question, somehow answer didn't work me.

css

.h1-contact {   font-size: 30px;   line-height: 1.8;   text-transform: uppercase;   font-family: "montserrat", sans-serif;   text-align: center; } 

html

<hr /> <br> <div id="02"> <h1 class="h1-contact">contact</h1> <p>hi</p> 

i tried in element inspect if else in way of h1-contact class, wasn't

could me out? thank much!

~ justin van dongen

edit

element inspect 'styles' in chrome of h1 tag:

    .h1-contact {         font-size: 30px;         line-height: 1.8;         text-transform: uppercase;         font-family: "montserrat", sans-serif;         text-align: center;     }  *all striked in chrome*     .h1, h1 {         font-size: 36px;     }     .h1, .h2, .h3, h1, h2, h3 {         margin-top: 20px;         margin-bottom: 10px;     }     .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {         font-family: inherit;         font-weight: 500;         line-height: 1.1;         color: inherit;     }     h1 {         margin: .67em 0;         font-size: 2em;     }     h1 {         font-size: 30px;         line-height: 1.8;         text-transform: uppercase;         font-family: "montserrat", sans-serif;     } 

another edit

here links may come in handy:

jsfiddle: https://jsfiddle.net/justinvandongen/8lyowreo/ project: http://justthinq.justinvandongen.nl

the problem here missing or misplaced closing </div>. 1 causing h1 right align after last col-sm-6 div, have 1 missing <div id="01">, <div id="02" nested inside of it. recommend running html through parser verify other missing closing elements.

i added clearfix <div id="02" class="clearfix"> ensure div has height forcing contact section @ bottom start in right spot.

this jsfiddle should cover have discussed. updated based on last comment.

https://jsfiddle.net/khristopherallen/vufhju4n/2/


Comments