如何修复网格中 <ul> 和 <li> 的错误？ [关闭]答案

【问题标题】：How to fix bug with <ul> and <li> in my grid? [closed]如何修复网格中 <ul> 和 <li> 的错误？ [关闭]
【发布时间】：2021-12-08 19:03:30
【问题描述】：

我正在尝试制作我的作品集，并且它非常好，但我在网格中有错误。

这里是源代码：

https://pastecode.io/s/7t652k2n

这是网站：

http://ludwik-zimmenhof-portfolio.5v.pl

【问题讨论】：

带有Advanced AI 的Div 在<div class="w3-content w3-justify w3-text-grey w3-padding-64" id="about"> 之外。它应该在里面。
我没看到

标签： javascript html css

【解决方案1】：

你的元素没有嵌套在一行div中

<div class="w3-row-padding" style="margin:0 -16px">
    <div class="w3-half w3-margin-bottom">
        <ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
            <li class="w3-dark-grey w3-xlarge w3-padding-32">Simple AI</li>
            <li class="w3-padding-16">Website with Artificial Intelligence</li>
            <li class="w3-padding-16">15 Pages</li>
            <li class="w3-padding-16">10 Updates</li>
            <li class="w3-padding-16">
            <h2>$ 8 | 30 zł</h2>
            <span class="w3-opacity">Simple AI Website</span>
            </li>
            <li class="w3-light-grey w3-padding-24">
            <button href="mailto:L.L.Zamenhof-Dr.Esperanto@protonmail.com" class="w3-button w3-white w3-padding-large w3-hover-black">Hire Me</button>
            </li>
        </ul>
    </div>
    <div class="w3-half w3-margin-bottom">
        <ul class="w3-ul w3-white w3-center w3-opacity w3-hover-opacity-off">
            <li class="w3-dark-grey w3-xlarge w3-padding-32">Advanced AI</li>
            <li class="w3-padding-16">Website with Artificial Intelligence</li>
            <li class="w3-padding-16">20 Pages</li>
            <li class="w3-padding-16">15 Updates</li>
            <li class="w3-padding-16">
                <h2>$ 10 | 40 zł</h2>
                <span class="w3-opacity">Advanced AI Website</span>
            </li>
            <li class="w3-light-grey w3-padding-24">
                <button href="mailto:L.L.Zamenhof-Dr.Esperanto@protonmail.com" class="w3-button w3-white w3-padding-large w3-hover-black">Hire Me</button>
            </li>
        </ul>
    </div>
</div>

【讨论】：