Как уменьшить размер текста в <a> елементе

Рейтинг: 0Ответов: 1Опубликовано: 24.02.2023

Хочу уменьшить размер текста вот этих вот кнопок

Напишите код который уменьшит размер текста в элементах Вот эти кнопки

Вот код отвечающий за это:

.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 сделать поменьше тогда и сами кнопки делаются меньше а мне нужно чтобы только текст кнопок был меньше

Ответы

▲ -1

Уменьшая font-size можно увеличивать padding. Размер сохранится...
Автор ответа:@ksa