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.
Comments
Post a Comment