Struggling to put images inline

HTML-CSS
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

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

1 Like
7

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

8

@Oliver_Olivier

Screenshot%20from%202018-07-06%2000-10-49
Screenshot%20from%202018-07-06%2000-10-491366×768 116 KB

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.