+ 2

How can I make my images side by side?

https://code.sololearn.com/W1kP6ASpcj1o/?ref=app

2nd Sep 2020, 4:11 PM
RuntimeERROR
RuntimeERROR - avatar
14 ответов
+ 10
img{ width:50% }
2nd Sep 2020, 4:18 PM
TOLUENE
TOLUENE - avatar
+ 6
Use the float property
2nd Sep 2020, 4:17 PM
Minhazur Rahaman Ratul
Minhazur Rahaman Ratul - avatar
+ 3
<img.src=you paste the image link here.... And use float: left/right so..you can see the image side by side
2nd Sep 2020, 4:21 PM
🍎Mi_ra_go
🍎Mi_ra_go - avatar
+ 2
You're image already displayed side by side. Rotation your mobile to landscape to view..(or) reduce the image size fit with your screen size. Note: Image was an inline element.
2nd Sep 2020, 4:22 PM
Azhagesanヾ(✿)
Azhagesanヾ(✿) - avatar
+ 1
Netha_r2071 nope, we can't modify your code above since it's your code, not ours.
2nd Sep 2020, 4:22 PM
Rellot's screwdriver
Rellot's screwdriver - avatar
+ 1
Use the float property and assign one image to left and one image to right or you can use flex in css or grid system in bootstrap
3rd Sep 2020, 6:13 AM
Abhishek
Abhishek - avatar
0
use the float: left/right to show the images side by side in one <a> tag.
2nd Sep 2020, 4:17 PM
Rellot's screwdriver
Rellot's screwdriver - avatar
0
Can u just modify the code above Coding Kitty M R RATUL(developer)
2nd Sep 2020, 4:18 PM
RuntimeERROR
RuntimeERROR - avatar
0
flex box is more flexible and modern possibility
2nd Sep 2020, 4:22 PM
JaScript
JaScript - avatar
0
wrap both images inside a <div> element, then within the opening <div> tag set <div style = "display: flex; flex-direction: row;">
2nd Sep 2020, 8:58 PM
Bo Han Yang
Bo Han Yang - avatar
0
Netha just remove the class from <a> tag and give to img tags and set width less than 50% it will work
4th Sep 2020, 5:56 AM
Shivam Rawal
0
img{ width:50%; }
4th Sep 2020, 8:39 AM
Dawn Cheetah
Dawn Cheetah - avatar
0
I helped you to send the solved one you are most welcome 😄
4th Sep 2020, 8:51 AM
Dawn Cheetah
Dawn Cheetah - avatar