Как разместить несколько гиперссылок в одной строке

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 является элементом блока, чтобы иметь их в одной строке, вы должны использовать встроенные элементы. Используйте либо как контейнер, либо просто используйте один за другим (также встроенный элемент)