When working with these images in my code, I need to create a list alongside them:
<div class="asideContent">
<ul>
<li> <p> </p> </li>
<li> <p></p> </li>
<li> <p> </p> </li>
</ul>
<div class = "imageAside">
<img class=""src=img/Dedede.jpg alt="">
</div>
<div class = "imageAside">
<img class=""src=img/tournament.jpg alt="">
</div>
<div class = "imageAside">
<img class=""src=img/Secret.jpg alt="">
</div>
</div>
The main issue I am facing is that the list does not align properly next to the images. Instead of floating it using CSS, I have tried several methods but none seem to work effectively.