CODEWITHSUNDEEP
htmlcss
hatmatrix
hatmatrix

Reputation: 44972

How to put space between figure in image?

How can I add some horizontal "padding space" without editing my css file? I have the code below:

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

I've tried specifying style="padding-right: 5px" for the text div or enclosing the img with a div that includes padding, margins, etc. but to no avail - I can see that I can successfully add padding to above and below the text or image with this style specification, but never a space to separate the image and text..

Upvotes: 0

Views: 8608

Answers (2)

Boris Strandjev
Boris Strandjev

Reputation: 46963

If I get it correctly you have an image and a text to the left of it. You want to separate the text and the image with further space. What I suggest is to place an additional margin between them. Do like that:

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

Upvotes: 4

Abhidev
Abhidev

Reputation: 7273

add float:left to the image with the padding property.

Upvotes: 1

Related Questions