Display Images Inline via CSS

Question

I have three images that I want to display in a single row next to each other   Here is the HTML    lt div id  client logos  gt   lt img style  display  inline  margin  0 5px   title  heartica logo  src  https   s3 amazonaws com rainleader assets heartica logo png  alt    width  150  height  50    gt   lt img style  display  inline  margin  0 5px   title  mouseflow logo  src  https   s3 amazonaws com rainleader assets mouseflow logo png  alt    width  150  height  50    gt   lt img style  display  inline  margin  0 5px   title  piiholo logo  src  https   s3 amazonaws com rainleader assets piiholo logo png  alt    width  150  height  50    gt   lt  div gt    Here is the CSS    client logos   display  inline-block      For some reason  it only displays two logos next to each other  Not sure what s wrong  Any ideas   URL  http   rainleader com who-we-are   See screenshot

User · Answer

The code you have posted here and code on your site both are different  There is a break  lt br gt  after second image  so the third image into new line  remove this  lt br gt  and it will display correctly

User · Answer

Place this css in your page    lt style gt      client logos       display  inline-block      width 100            lt  style gt    Replace   lt p gt  lt img class  alignnone  style  display  inline  margin  0 10px   title  heartica logo  src  https   s3 amazonaws com rainleader assets heartica logo png  alt    width  150  height  50    gt  lt img class  alignnone  style  display  inline  margin  0 10px   title  mouseflow logo  src  https   s3 amazonaws com rainleader assets mouseflow logo png  alt    width  150  height  50    gt  lt img class  alignnone  style  display  inline  margin  0 10px   title  mouseflow logo  src  https   s3 amazonaws com rainleader assets piiholo logo png  alt    width  150  height  50    gt  lt  p gt    To   lt div id  client logos  gt   lt img style  display  inline  margin  0 5px   title  heartica logo  src  https   s3 amazonaws com rainleader assets heartica logo png  alt    width  150  height  50    gt   lt img style  display  inline  margin  0 5px   title  mouseflow logo  src  https   s3 amazonaws com rainleader assets mouseflow logo png  alt    width  150  height  50    gt   lt img style  display  inline  margin  0 5px   title  piiholo logo  src  https   s3 amazonaws com rainleader assets piiholo logo png  alt    width  150  height  50    gt   lt  div gt

User · Answer

You have a line break  lt br gt  in-between the second and third images in your markup  Get rid of that  and it ll show inline

[html] Display Images Inline via CSS

Examples related to html

Examples related to css

Examples related to wordpress

Examples related to position