Как уменьшить размер текста в <a> елементе
Хочу уменьшить размер текста вот этих вот кнопок
Напишите код который уменьшит размер текста в элементах
Вот код отвечающий за это:
.person_description {
width: 40%;
margin: 0;
margin-left: 1%;
color: #505050;
font-size: 24px;
}
.person_description h3 {
margin: 0;
margin-bottom: 2%;
}
.person_description p {
margin: 0;
margin-bottom: 1%;
}
.person_links {
position: absolute;
margin-top: 0.5%;
margin-left: 80%;
width: 40%;
display: inline-block;
}
.person_links a {
padding: 4px 8px 4px 8px;
color:white;
text-decoration: none;
margin-left: 3%;
background-color: #6e006e;
border-radius: 16px;
font-size: px;
}
.person_links a:hover {
background-color: #610061;
}
<div class="about_person">
<div class="person_title">
<h2 class="personName">Alexandr Kostylev</h2>
<p class="personNickname">s1mple</p>
</div>
<div class="person_info">
<img class="personImg" src="s1mple.jpg" alt="">
<div class="person_description">
<h3>About s1mple:</h3>
<p>s1mple is a steamer and top1 HLTV and also he is the most popular cs:go player in the world</p>
<p>Age: 25 years</p>
<p>Team: Natus Vincere</p>
<p>Role: AWP</p>
</div>
<div class="person_links">
<a href="https://www.hltv.org/stats/players/7998/s1mple">HLTV</a>
<a href="https://www.youtube.com/channel/UCLyVaqx9Pezekijg0IF7NYA">YouTube</a>
<a href="https://steamcommunity.com/id/officials1mple/">Steam</a>
</div>
Пробовал font-size
сделать поменьше тогда и сами кнопки делаются меньше а мне нужно чтобы только текст кнопок был меньше
Источник: Stack Overflow на русском