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