HTML，CSS如何在一组图像旁边放置一个列表？

因此，我必须在我编写的代码中列出这些图像：

<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>    

---

我遇到的最大问题是，列表要么在图像上方，要么在图像下方。我需要它贴在右边。在css中使用float似乎效果不佳。

您可以使用

flex

和

左边距

，不要使用

float

总是使其更复杂。试试这个：

.container{
显示器：flex；
}
1.亚洲帐篷{
显示器：flex；
左边距：自动；
}
阿西德图像{
左边距：自动；
}

嘿

嘿
 
嘿3

您可以使用

flex

和

左边距

，不要使用

浮动

总是使其更复杂。试试这个：

.container{
显示器：flex；
}
1.亚洲帐篷{
显示器：flex；
左边距：自动；
}
阿西德图像{
左边距：自动；
}

嘿

嘿
 
嘿3

使用

float:left

尝试此操作以获取图像：

.imagesAside{
浮动：左；
}

h

h

h

使用

float:left

尝试此操作以获取图像：

.imagesAside{
浮动：左；
}

h

h

h

您是否尝试过使用CSS

浮动

？是的，我将列表向右浮动，没有任何效果。您是如何浮动列表的？只需添加CSS规则ul{float:right；}就可以了，正如预期的那样。您是否尝试使用CSS

float

？是的，我将列表向右浮动，没有任何效果。您是如何使列表浮动的？只需添加CSS规则ul{float:right；}就可以实现预期的效果