1 | initial version |
There are a few ways you could display search results on separate lines:
<p>Search results:</p>
<ul>
<li>Result 1</li><br>
<li>Result 2</li><br>
<li>Result 3</li><br>
</ul>
.search-result {
margin-bottom: 10px;
}
Then, in your HTML code, add the class "search-result" to each search result element:
<div class="search-result">Result 1</div>
<div class="search-result">Result 2</div>
<div class="search-result">Result 3</div>
<ul>
{% for result in search_results %}
<li>{{ result }}</li>
{% endfor %}
</ul>
This would generate an unordered list with each search result on a separate line.