Why is the loop not working correctly in a django template?

Question

Django

There is code like this in a Django template:
https://jsfiddle.net/0k65hdoq/
I expect the result to be multiple p.inner tags inside p.sizes. In reality, all p.inners follow p.sizes, and even inside p.sizes, a lot of spaces have accumulated from somewhere:
https://jsfiddle.net/0k65hdoq/1/
Question: what did I do wrong? Where is the error in the template?

Answer 1

try like this

{% for prod in product %}
             <p class="inner">{{ prod.size }}</p>
           {% endfor %}