0

Есть HTML:

<div class="heroblock">
    <img class="heroimg" src="https://cdn.cloudflare.steamstatic.com/apps/dota2/images/dota_react/heroes/abaddon.png?" width="128" height="72"/>
    <a class="herotitle"><span >Abaddon (Offlane)</span></a>
</div>

Есть CSS:

.heroblock {
            border: 1px solid white;
            position: relative;
        }
        .heroimg {
            vertical-align: middle;
            display: inline;
        }
        .herotitle {
            font-size: 16pt;
            height: 72px;
            line-height: 70px;
            margin: 0 auto;
        }

Задача: сделать текст в по середине всего div. Не писать right: 50%. Заранее благодарен

1 ответ 1

1
.heroblock {
            border: 1px solid white;
            position: relative;
            display:flex;
        }

Больше информации о флексах (https://tpverstak.ru/flex-cheatsheet/)

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.