alignment - Aligning div elements side-by-side -


i have page on project i'm creating class wanted align image in left side, text right aligned in middle of image. instead of using html elements, decided try internal css div elements within external css. problem can't them align correctly vertically. have horizontal alignment, text either appears 1 line above or 1 line below image. tried techniques included in posting, didn't fix problem. align <div> elements side side

here internal css.

<style type="text/css"> /* left div holding image */ #left { width:170px; align:left;  }  /* right div hold text */ #right { margin-left: 200px; text-align:left; } </style> 

here's html

<div id="content"> <br/> <br/> <br/> <blockquote> <div id="right">check soon.  <a href="mailto:twowiredchicksjewelry@gmail.com?subject=alertwhenpagecomplete">click here</a> receive email when site becomes available.</div><div id="left"><img src="images/construction-clipart.jpg" border="1" alt="page under construction" /></div> </blockquote> </div> 

can me figure out how make these align? view how rendering, please visit student project site @ http://www.student.nvcc.edu/home/ligomes/twowiredchicks/browse.html.

thanks!

finally, hope helps now. have right css is:

#right {      position: absolute;     margin-left: 200px  } 

Comments

Popular posts from this blog

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -