В файл C:\OSPanel\OpenServer\domains\shop.ru\wp-content\themes\twentytwenty\header.php
добавил строчки с 85-ой по 100-ю
<div class="header-navigation-authblock">
<a href="#">
<span>
<span>
<div class="header-navigation-authblockimage">
<img src="<?php echo get_stylesheet_directory_uri() ?>/greenicon.jpg" width="70px" height="70px" class="entrylink3"></img>
</div>
</span>
<span>
<div class="header-navigation-authblocklabel">
Войти
</div>
</span>
</span>
</a>
</div>
а в файл C:OSPanel\OpenServer\domains\shop.ru\wp-content\themes\twentytwenty\style.css
cтроки с 6491-ой по 6514-ю
.header-navigation-authblock {
display: flex;
text-align: center;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
//**.header-navigation-authblock,*// .header-navigation-authblockimage, .header-navigation-authblocklabel {
display: flex;
text-align: center;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.header-navigation-authblock:hover {
cursor: pointer;
}
.header-navigation-authblockimage, .header-navigation-authblocklabel {
display: inline-block;
text-align: center;
}
Но в результате получаю скриншот
но должно быть расположено в одну строку из-за тегов span
и display: flex
. Как добиться желаемого отображения?