无法弄清楚如何对齐HTML/CSS Div

Question

我想在我的网页的主div元素内水平对齐一个图像和一段文字。

的div包裹这样的：

<div id="main"> 
    <div id="image"> 
    </div> 
    <div id="paragraph"> 
    </div> 
</div> 

这是正确的布局？如果是这样，我需要什么CSS？

Answer 1

必须同时内部的div设置为

display: inline-block;

看看这个小提琴。 https://jsfiddle.net/m8athtLp/light/

Answer 2

你可以使用两种方法： 首先，从您的标记，您可以使用CSS来float: left图像和float: right段落。 其次，

<pre><div id="main"> 
    <img src="images/img.jpg" alt=""> 
    <p>your text</p> 
</div></pre> 

对于这个这个代码，你可以使用float: left图像，段落文本自动右对齐

感谢