Struggling to put images inline

Struggling to put images inline
0.0 0

#1

Hi everyone.

I am struggling to put three vertical images inline (vertically). i am using different ways to do that and i don’t know how to do that. may you help me?

https://codepen.io/eliasoprado/pen/VdNjQr/?editors=1100


#2

Well I can not see the images, because they are being blocked by vectorstock.com probably because you are hot-linking which is against your terms of service.


#3

I can see some images under your projects.

You can try playing with flexbox. Make the ul a flex container and then flex-direction: column. ie:

section ul {
    display: flex;
    flex-direction: column;
}


#4

I dont know why but it is not working :confused: . it is weird.


#5

maybe that’s why the code is not working!


#6

@Oliver_Olivier

It works fine in “Chrome”,
Add

section ul { width: 100% } and
section ul li { display: block; text-align: center;}


#7

Hi, nothing happened. i dont know why. ;/


#8

@Oliver_Olivier

Try it in Chrome


#9

Can you post what you tried in code here?


#10

i fixed using Sujith3021 code.

  ul, li, img{
    margin:0;
    padding:0;
}
    section ul { 
     width: 100%;
     
} 
section ul li { 
  display: inline-block; 
  text-align: center;
  
}```

It wasn't fixing and when i got the  last code tip i forget to close the bracket as well. now it is working.