Struggling to put images inline

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

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.

1 Like

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;
}

1 Like

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

maybe that’s why the code is not working!

@Oliver_Olivier

It works fine in “Chrome”,
Add

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

1 Like

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

@Oliver_Olivier

Try it in Chrome

Can you post what you tried in code here?

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.