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:

http://www.w3schools.com/cssref/pr_class_position.asp


Comments

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

python - How to remove the Xframe Options header in django? -

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -