How to display a list of <article> the same cross-browser?

StackOverflow https://stackoverflow.com/questions/5046692

  •  15-11-2019
  •  | 
  •  

Question

Firefox and Opera seem to put articles after each other while Chrome gives a line break after each one. Which one is correct and how would you get them display the preferred style the same cross browser?

<html>
<body>

<article>
Item 1
</article>

<article>
Item 2
</article>

<article>
Item 3
</article>

<article>
Item 4
</article>

</body>
</html>

Opera 11.01 enter image description here

Chrome 9.0 enter image description here

Was it helpful?

Solution

You should set either display: inline or display:block in CSS. (whichever one you want)

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top