并排排列div元素

Question

我正在创建一个项目的页面，我正在创建一个项目，我想在左侧对齐图像，右边的文本在图像中间对齐。我决定在外部CSS中尝试内部CSS div元素，而不是使用html元素。我的问题是我无法让它们垂直对齐。我有水平对齐，但文本在图像上方显示一行或在图像下方显示一行。我尝试了这篇文章中包含的技术，但他们没有解决我的问题。 Align <div> elements side by side

这是我的内部CSS。

<style type="text/css">
/* left div holding the image */
#left {
width:170px;
align:left;  }

/* right div to hold the text */
#right {
margin-left: 200px;
text-align:left; }
</style>

这是HTML

<div id="content">
<br/>
<br/>
<br/>
<blockquote>
<div id="right">Check back soon.  <a href="mailto:TwoWiredChicksJewelry@gmail.com?subject=AlertWhenPageComplete">Click here</a> to receive an email when the site becomes available.</div><div id="left"><img src="images/construction-clipart.jpg" border="1" alt="Page under construction" /></div>
</blockquote>
</div>

你能帮我弄清楚如何使它们对齐吗？要查看它的呈现方式，请访问我的学生项目网站http://www.student.nvcc.edu/home/ligomes/TwoWiredChicks/Browse.html。

谢谢！

Answer 1

最后，我希望现在有所帮助。你所拥有的正确的CSS是：

#right {

    position: absolute;
    margin-left: 200px

}