html - 在文章旁边显示图片

Question

我的 HTML 结构如下： 问题是图像和每篇文章显示在不同的行中。我试图浮动它们并使它们内联显示，但这没有帮助

<img src="img/sjlk.jpg" /> <!-- Logo -->


    <article>
        <h2>askdfbkansdkn </h2>
        <p>asdhfaksdhfk</p>
    </article>
    <article>
        <p>selnlnl sf</p>
        <p>shdfl</p>
        <p>aehfonlknslfn</p>
    </article> 

我希望图像直接浮动到文章而不更改 HTML 结构

谢谢！

Answer 1

您需要包装<article>DIV。

<img src="img/sjlk.jpg" /> <!-- Logo -->
<div class="wrap">
<article>
    <h2>askdfbkansdkn </h2>
    <p>asdhfaksdhfk</p>
</article>
<article>
    <p>selnlnl sf</p>
    <p>shdfl</p>
    <p>aehfonlknslfn</p>
</article> 
</div>

CSS：

img, div.wrap {
   float: left;
}