Просмотреть все ссылки в пределах <h1></h1>, необходимо установить стиль для них, чтобы сделать ссылку маленькой

Question

Я пытаюсь сделать ссылку "Просмотреть все" справа от каждого заголовка h1, чтобы она была меньше.

.view-all a:link,
.view-all a:visited {
    text-size:.5em;
}

<h1>Student Activities <span class="view-all">
<a href="/student_activities/calendar/" title="view all">
view all</a></span></h1>

Любая помощь приветствуется в том, что я делаю неправильно.

Все это в пределах <div class="content-body"></div>

Если есть лучший способ сделать это, дайте мне знать.

Спасибо.

Answer 1

Попробуйте вместо этого размер шрифта.

Answer 2

Свойство имеет размер шрифта, а не размер текста.

Answer 3

.view-all a:link,
.view-all a:visited {
    font-size:.5em;
}

<h1>Student Activities <span class="view-all">
<a href="/student_activities/calendar/" title="view all">
view all</a></span></h1>

Answer 4

6 из 1, 1/2 дюжины с другой, я полагаю - но вы могли бы подделать тег <h1> с помощью <span>, а затем поместить ссылку рядом с ним в свой собственный <span>

.veiew-all 
{
 font-size:18pt;
}
<div class="content-body">
    <span class="view-all">Sutdent activities</span>
    <a class="link" href="/student_activities/calendar">view all</a>
</div>

как-то мне это кажется чище. если это отстой, кто-нибудь, скажите мне, почему.