html - 试图在图像旁边堆叠一个

Question

所以我有一个 Article 标签，它基本上由一个超链接、一个图像、一个按钮和一个旁白组成。

图像是内联渲染图像，旁边是堆叠的。为了能够做到这一点，这就是我正在做的:

<article class = "friends_for_job"> 
  <header><a href = "\">Title</a></header>
  <img src = "*.jpg"></img>
  <aside>
     <p> info info info </p>
     <p> info info info </p>
   </aside>
   <input type = "button" value = "share">
</article>

上面的css是:

.friend_for_job img{
display:block 
}
.friend_for_job aside{
display:inline;
}

现在这对我的 img 产生了预期的效果，将它堆叠成内联，但对 aside 标签没有这样的效果，并且它呈现在 HTML 标签下方。

Answer 1

这是你的目标吗？

.friends_for_job img { float:left; }
.friends_for_job aside { display:block; }

...根据口味添加边距和填充。