How do I move text next to an image in CSS? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
0

How do I move text next to an image in CSS?

I have really tried to move a short paragraph to the right side of an image in my webpage, sometimes it works but when I add more text it fails and goes below the image back again. Does anyone know how to do this? I WOULD REALLY APPRECIATE IT PLSS

4th Apr 2019, 11:16 PM
Benjamin Herrera
Benjamin Herrera - avatar
6 Answers
+ 2
Nvm, I think I solved it, at least for now. Thanks for your help The only thing that remains is that the paragraph gets distorted when viewing the page in a smaller screen or resolution, like Sololearn's Output window.
5th Apr 2019, 12:34 AM
Benjamin Herrera
Benjamin Herrera - avatar
+ 1
Can you show what you got?
5th Apr 2019, 12:11 AM
Solo
Solo - avatar
+ 1
Here is an example code: img { width:100px; height:100px; float:left; } p.right { width:200px; float:right; }
5th Apr 2019, 12:28 AM
Solo
Solo - avatar
+ 1
https://code.sololearn.com/WEWA2hXJMw9T/?ref=app It's a *little* bit messy since I have tried a lot of ways into achieve this
5th Apr 2019, 12:28 AM
Benjamin Herrera
Benjamin Herrera - avatar
+ 1
look into @media to make your booklist site responsive to smaller screens
5th Apr 2019, 2:03 AM
Jason Kennedy
0
I dare to disappoint you. On the mobile device, everything ran away, who where.☺
5th Apr 2019, 12:46 AM
Solo
Solo - avatar