使用HTML + CSS搭建静态模块

请各位帮忙看看，如下图这种类型的模块怎么搭的，用HTML + CSS搭建静态

img

你是想要用html,css写这样的布局样式吗，如果是那就采用上下结构，推荐产品为上，下为左右结构使用flex布局

大概是这样 样式只能你自己来调了


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Hello World</title>  
    <style>
        ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        li {
            display: flex;
        }
    </style>
</head>

<body>
    <div>
        <ul>
            <li>
                <div class="item">1</div>
                <div class="content">
                    <h5></h5>
                    <p></p>
                    <p></p>
                </div>
            </li>
        </ul>
    </div>
</body>

</html>

div试试