如何将多个超链接放在同一行

Question

我想在同一行上有四个链接。现在，当我运行代码时，我将它们分成四行。

<a href="#" id="draw-Sweden">Sweden</a>
<div id= "flag"></div>
<a href="#2" id="draw-Norway">Norway</a>
<div id= "flagNor"></div>
<a href="#3" id="draw-Denmark">Denmark</a>
<div id= "flagDen"></div>            
<a href="#4" id="draw-Finland">Finland</a>
<div id= "flagFin"></div>

提前致谢！

Answer 1

还有更多可能性。选择其中一种最适合你的。

1. change `div` for `span`
2. div, a {float: left;}
3. div, a {display: inline}

Answer 2

div是一个Block元素，为了让它们在一行上，你必须使用内联元素。既可以用作容器，也可以只使用一个接一个（也是内联元素）