css - html5中三个 anchor 的对齐

Question

以下代码将我的 anchor 对齐在指定位置的不同行中。但是我希望将我的标签在同一行的右、中和左位置对齐。谁能告诉我会出现什么错误以及正确的代码是什么？

<div>
<a href="index.html">previous</a>
</div>
<div style="text-align:center;">
<a href="courses.html">next</a>
</div>
<div style="margin-left:200px">
<a href="#sobhasaria">top</a>
</div>

Answer 1

'div' 是 block 级元素。 'a' 是行内元素

这是基础知识:

block 级元素:- block 级元素始终显示在“换行符”上。

内联元素:- 内联元素显示在 'Same line' 上。

所以您正在用 block 级元素包装内联元素。这就是为什么您的 anchor 显示在新行上的原因。

更新:-

您还可以更改元素的默认行为。这意味着您可以通过使用以下 css 属性更改元素显示为 'Block Or Inline' 的方式

    element{
        display: [block|inline|none]
    }