＜＞这样的布局，怎么写

       今天想做个样式，类似这样的样式，该怎样写：第一步先定义一个div，就行，headswiper-top，在其他下面：

1、下一步，引入<>

1.1 这里用到是快捷键

1.2  也可以用导入img图片解决

2、第一步，我们先定义一个li,让他占据一个位置

3、导入快捷键：

 <ul>
                    <li class="headswiper-top"><span>&lt;</span><span>&gt;</span></li>
                    <li>Mixtral 8*7B 模型结构分析<br>
                        <p>超过GPT3.5?</p>
                    </li>
<ul>

4、定义padding使他进行浮动，这里如果头部的盒子高度不一样的话，在不考虑自适应的情况下，可以定义一个height，定义他的高度

5、