Как разместить несколько ссылок в одной строке? (HTML5)

Question

Я пытаюсь поставить несколько ссылок на одной и той же линии, так что я могу иметь целый бар ссылок, я попытался это:

<a href="website_homepage.htm"><h2 style="font-family:tempus sans itc;">Home</h2></a> <a  href="website_hills.htm"><h2 style="font-family:tempus sans itc;">Hills Pupil Tailored Website</h2></a> 

, но когда я тест, чтобы увидеть, если он работает, эти две ссылки находятся на отдельных строках, кто-нибудь знает, как я могу получить их в одной строке?

Answer 1

Просто добавьте:

h2{ 
    display: inline; 
} 

К вашему CSS, и проблема будет решена.

Answer 2

Это из-за h2display Недвижимость block.

Попробуйте с:

h2 { 
    display: inline-block; 
} 

или

h2 { 
    display: inline; 
} 

в начале файла (обнесен <style> тегами) или в файле стилей.

См по умолчанию Типичные свойства отображенияhere

Answer 3

В качестве альтернативы вместо «h2» с «например, промежуток» и ссылки будут на той же строке.

или вы могли бы поставить:

<h2 style="font-family:tempus sans itc;"><a href="website_homepage.htm">Home</a> <a href="website_hills.htm">Hills Pupil Tailored Website</a></h2> 

Собирает все ссылки в пределах одного тега h2 вместо использования для каждой ссылки.