Html 页脚内容未向右浮动

我有一个包含内容的页脚。我遇到的问题是内容是垂直显示，而不是水平显示

我试过使用float：对；这并没有改变任何事情。非常感谢你的帮助。 另外，三个社交图标中有两个没有出现。那可能是因为浮动问题

这是我的密码

<div class="footer-grid">
    <h3>More</h3>
    <ul>
        <li><a href="#">FAQ</a></li>

        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">Terms and Conditions</a></li>
    </ul>
</div>
<div class="footer-grid">
    <h3>Connect With Us</h3>
    <ul class="social-icons">
        <li>
            <a class="facebook" href="#"> </a>
        </li>
        <li>
            <a class="pinterest" href="#"> </a>
        </li>
        <li>
            <a class="twitter" href="#"> </a>
        </li>
    </ul>
    <p class="copy-right">Website by <a href="#">Elevate design</a></p>
</div>

---

您忘记将display:inline块放在.footer网格中

 .footer-grid ul li{
       display:inline-block;
   }

---

非常感谢！我猜这是个愚蠢的错误。这稍微修正了一点，因为它们现在是水平的，但仍然卡在左侧。哦，当我向右浮动时，它们只会移动到屏幕的右侧。我想说的是无组织，哈哈。有没有上传图片的方法？我有一幅画。抱歉，这里还是新的。你可以上传问题中的图像我添加了文本对齐：居中；宽度：31%；去同一个班拿小提琴哈哈！你知道你最好把样式从页脚网格放到页脚网格中，然后删除页脚网格类。如果

标签的颜色与背景颜色相似，那么它可能会工作得更好？你几乎看不见他们不抱歉我要把他们变成白色。

 .footer-grid ul li{
       display:inline-block;
   }