<h2>Самое вскусное:<span class="ispan"> </span> </h2>
h2 {
display: flex;
justify-content: center;
color: wheat;
}
.ispan::before {
content: 'banner';
animation: animate infinite 10s;
padding-left: 10px;
}
@keyframes animate {
0% {
content: 'Молоко';
}
25% {
content: 'Сыр';
}
50% {
content: 'Творог';
}
75% {
content: 'Мясо';
}
100% {
content: 'Куринные яйца';
}
}
При изменении контента смещаются другие объекты.
Помогите что бы не изменяли своё изначальное положение
