时间戳

首页 > 解决方案 > 我使用了内联但我的列表仍然不是水平的，为什么？

html - 我使用了内联但我的列表仍然不是水平的，为什么？

问题描述

我正在尝试水平制作我的列表，我在谷歌上读到你使用 display:inline; 但由于某种原因它不起作用。这是我的代码：

<body style="font-family:Calibri; font-size:20px">
    <center>
    <img src="Images/Logo.jpg" style ="margin-top:100px; border:5px solid black;" alt="GameReview" title="Game Review"/>
    <br />
    <br />
    <ul style="list-style-type:none; display:inline;">
        <li>
            <a href="#">Details</a>
        </li>
        <li>
            <a href="#">On me</a>
        </li>
        <li>
            <a href="#">Gallery</a>
        </li>
        <li>
            <a href="#">Links</a>
        </li>
        <li>
            <a href="#">Conatact me</a>
        </li>
    </ul>
    </center>
</body>

这是一个学校项目。

标签： htmllist

解决方案

内联样式需要在li元素上。

<style>
  ul li {
    display: inline;
  }
</style>

推荐阅读