如何使用HTML在图片和段落周围创建薄的隐形边距

Question

我正在学习HTML，我正在应用以下代码让我的照片放在我的文字旁边：

 <div id='container'>
      <img src='someimage.jpg' style='float: left;'/>
      <p>some text (that will now wrap around the image</p>
 </div>

如何在段落和文本之间创建一个1/8或1/16英寸的小边距？现在，文本太靠近图片，几乎触及。

Answer 1

在css中写这个

IMG {      保证金权利：0.5px; //你可以在px / em / etc中获得任何数量的保证金 }

Answer 2

<强> CSS

#container p{
    margin-left:15px;
}

或

#container img{
    margin-right:15px;
}

Answer 3

如果您没有使用嵌入式或外部CSS文件（这对于新学习者来说这是一种不好的做法，但对于新学员来说很好），首先要包装图像我个人使用align: left;，然后您可以使用{{{ 1}}

Answer 4

<img src='someimage.jpg' style='float: left;margin-bottom:10px;margin-right:10px'/>