I’m just wondering how I can make it so that I have a clear division between list items without copy and pasting
tags. I thought that if the image is contained within the

tag and that tag is closed prior to the next entry, that that would effectively “press enter” (if you will), so that the next header or text bit doesn’t wrap around the image of the previous list item. I feel like I’m missing something simple here. Thanks for any help!

<li><h5>Artificial intelligence (AI)</h5>
<p><img src="AI.jpg" width="150" height="150" align="left" hspace="10"/> AI systems were limited in their capabilities,
but recent advancements have propelled AI into the mainstream. Today, various AI models power virtual assistants, 
business process management, and advanced data analytics. In just a short period, AI is predicted to become an 
integral part of our lives.</p> </li>
<br/>
<br/>
<br/>
<br/>

I tried to contain the image tag within the paragraph tag of the list item, thinking that this would naturally create a space between the next entry of the list.