Html 地点<；旁白>；紧挨着<；p>；

我需要在文章的段落旁边加上一些格言

---

HTML代码如下：

我查看了您的图像，似乎这是元素顺序的问题。您应该将标记放置在块上方，以使其位于正在运行的段落上方

如果你想强行占据最高位置，你可以使用

position:absolute; 
right:0;
margin: auto;

---

可以使用顶部的负边距或正边距向上或向下推动元素，使其与DOM中的位置保持相对。这将避免固定的像素定位。

一个简单的解决方案是将

移到一边

的顶部，就在img旁边，如下所示：

<section>
  <header>..</header>
  <img ..>
  <aside>...</aside>
  <article>
    <p> ..</p>
    <p> ..</p>
    <p> ..</p>
  </article> 
</section>

..

如果在段落的中间出现<>代码>撇/代码>，你应该把它移到它们里面。
 <代码>
<section>
<header>..</header>
<img ..>
<aside>...</aside>
<p> ..</p>
<p> ..</p>
<p> ..</p>
</section>

Css for this

section
{
   white-space: normal;
   display: block;
   width: 100%;
}

img
{
  float: left;
  padding-right: 10px;
  display: inline-block;
  line-height: 24px;
 }

 aside
 {
   float: right;
   padding-left: 10px;
 }

..
...



Css用于此
部分
{
空白：正常；
显示：块；
宽度：100%；
}
img
{
浮动：左；
右边填充：10px；
显示：内联块；
线高：24px；
}
在一边
{
浮动：对；
左侧填充：10px；
}

当您使用float时，您不需要显示：block。可能重复感谢您提供的有关使用边距的位置的提示。非常有帮助。：）