Creating a review section for an item on my website required me to organize the reviews and comments. I utilized the following code structure:
<ul>
<li>
Comment code
</li>
<li>
Comment code
</li>
</ul>
Within the li items, there are nested divs. Everything looks good now that I have set up the comments section as desired.
The issue I am facing is that the comments (li items) appear in line with each other. I attempted to address this with the following CSS:
.review_bottom li{
list-style: none;
display: block;
}
However, this did not result in the desired change. Using br tags could solve the problem, but they may not work effectively across both PCs and phones. Any suggestions for resolving this?