html - Moving/nudge text down but not and the image -
hello gurus: trying don't theory...i have 1 main div , inside of are: paragraph text , 1 image (both of these nested inside own divs) (hopeful did correctly!)
for easy visualization.... both @ top of html page , image styled float: right; text can styled that's hung-up.
----- want move text position; downward top of page 50px-----
when styled text padding or margin, takes everything; text , image, , moves down together....how can leave image currently, , move text downward leaving white space @ top above text , not image?
is positioning style? or thinking wrong? thank kindly help!!
html:
<div class="wrapper"> <div><img src="blah" class="img-right" /></div> <div><p>some text</p></div> </div>
css:
.wrapper div p { position: absolute //can relative, depending on needs top: 50px } .img-right { float: right }
position can relative or absolute depending on how need page styled.
see also:
Comments
Post a Comment