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

【问题标题】：How to put several Hyperlinks on the same line如何将多个超链接放在同一行
【发布时间】：2015-03-04 16:34:22
【问题描述】：

我想在同一行上有四个链接。现在，当我运行代码时，我将它们放在四个单独的行上。

<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>

提前致谢！

【问题讨论】：

使用css float:left

标签： html hyperlink

【解决方案1】：

还有更多的可能性。从中选择最适合您的。

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

【讨论】：

【解决方案2】：

div 是一个 Block 元素，为了将它们放在一行中，您必须使用内联元素。要么作为容器使用，要么一个接一个地使用（也是一个内联元素）

【讨论】：