如何在图像中放置图形之间的空间?

时间:2012-03-10 11:45:56

标签: html css

如何在不编辑css文件的情况下添加一些水平的“填充空间”?我有以下代码:

<img src="./img/fig.jpg" align="right" style="display:inline;margin:2px;"/>
<div style="text-align:justify;">
Bunch of text.
</div>

我已尝试为style="padding-right: 5px"文字指定div或将imgdiv括起来,其中包含填充,边距等,但无济于事 - 我可以看到我可以使用此样式规范成功地在文本或图像的上方和下方添加填充,但从来没有空间来分隔图像和文本..

2 个答案:

答案 0 :(得分:4)

如果我弄错了,你的左边会有一张图片和一个文字。您希望将文本和图像分开更多空间。我建议在它们之间增加一个余量。这样做:

<img src="./img/fig.jpg" align="right" style="display:inline;margin:2px 2px 2px 5px;"/>

答案 1 :(得分:1)

使用padding属性将float:left添加到图像中。