Я показываю несколько значков и краткое описание каждого из них. Я использую элемент списка для отображения описаний, потому что у меня есть специальный значок, который я использую для сопровождения дескриптора.
Значки отображаются должным образом, но, как вы можете видеть, вторая строка описаний смещена вправо, не соответствует строке выше (извините, значки такие темные), я не могу понять, почему. Все свойства кажутся одинаковыми.
<?php if( have_rows('section') ): ?>
<?php while( have_rows('section') ): the_row();
$image = get_sub_field('image');
?>
">
И как я оформляю список
ul {
padding-left: 2rem;
list-style-type: none;
list-style-position: outside;
}
ul li {
padding-left: 2rem;
background-image: URL("../../images/star.svg");
background-position: 0 0;
background-size: 1.6rem 1.6rem;
background-repeat: no-repeat;
margin-top: 1rem;
margin-bottom: 50px;
display: inline-block;
text-align:left;
}