如何使用HTML在图片和段落周围创建薄薄的不可见边距

我正在学习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英寸的小边距？现在，文本离图片太近了，几乎是触动的。

在css中写这个

img { 右边距：0.5px；//在px/em/etc中可以有任意数量的边距 }CSS

或

---

首先，我个人使用align:left来环绕图像；至于页边空白，如果你没有使用嵌入式或外部CSS文件，这是一种不好的做法，但对新手来说很好，那么你可以使用

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

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

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