CODEWITHSUNDEEP
htmlcssimagecss-position
Ashot
Ashot

Reputation: 10969

Placing image after text without adding space between lines

In this fiddle https://jsfiddle.net/spdvoc06/ last line is stretched to place the image. Can anyone please help to fix it? I need to place second image after text without adding space between lines. 

<img src="https://www.getdesignschool.com/wp-content/uploads/2015/07/up.jpg" alt="" width="56" height="44" />
<p style="display:inline;">I want to learn how to design but I spend so much time just reading I never remember it all. I need something that teaches me in practical way, and gives me feed-back on what I've created...
</p>
<img src="https://www.getdesignschool.com/wp-content/uploads/2015/07/bottom.jpg" alt="" width="56" height="44" />

Upvotes: 1

Views: 70

Answers (3)

Alexei Darmin
Alexei Darmin

Reputation: 2129

Add position:absolute to the last image

https://jsfiddle.net/y93su8s1/2/

Upvotes: 1

Chris Hitchcock
Chris Hitchcock

Reputation: 399

It looks like all that needs to be added to accomplish this is on the last picture a "vertical-align:top"

I added it and copied the code for you. Hope this helps!

   <img style="vertical-align:top" src="https://www.getdesignschool.com/wp-content/uploads/2015/07/bottom.jpg" alt="" width="56" height="44" />

https://jsfiddle.net/spdvoc06/

Upvotes: 1

Samir Selia
Samir Selia

Reputation: 7065

Adding display:inline-block and width to paragraph will fix it.

Demo: https://jsfiddle.net/spdvoc06/1/

Upvotes: 0

Related Questions