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.
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2023-05-06 17:27:05 +0000
Seen: 12 times
Last updated: May 06 '23
Is it possible to prevent the override of the last printed line on the Linux terminal?
What is a line on the surface?
What is the method for entering multiple paragraphs with line spacing?
What is the reason for R returning a line that has no slope?
How can arrays be plotted chronologically over a period of time?
What is the method to show a line break <br> between <div> elements in Laravel?
How can I eliminate the line that separates flex items in CSS?
What is the procedure for removing lines from react-native-maps?
How to add text to a new line in a file using a Bash script?