html - 尝试在图像旁边堆叠<aside>

所以我有一个Article标签，该标签基本上由超级链接，图像，按钮和aside组成。

图像以内嵌方式渲染图像，并在其旁边堆叠一旁。为了做到这一点，这就是我正在做的：

<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标签下方呈现。

最佳答案

这是您的目标吗？

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

...增加边际和填充味道

关于html - 尝试在图像旁边堆叠<aside>，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11173988/