How to display posts horizontally?

Question

HTML

Hello, I am writing a site in Python Django, the problem is that I am looping records from the database and they are all displayed as a line. I
used this code element but it does not work
CSS

.contents li{
  display: inline;
}

HTML

<div class="contents"> 
  {% block content %}
  {% endblock %}
</div>

The loop code

{% extends "main/wrapper.html" %}

{% block content %}
  {% for film in posts %}
    <li><a href="/{{film.id}}"><img  src="static\image\moonlight.jpg" width="203" height="291"></a>
    <h3>{{film.title}}</h3></li>
  {% endfor %}

{% endblock %}

The task is that the output would be horizontal, how to implement?

Answer 1

.contents {
  display: flex;
}

and your li lines up horizontally.