проблема в том, что тупо слетает позиция того элемента, под которым надпись, какой бы я тег не пробовал <div class="conditions-list"> <ul> <li> <svg> <img src="pictures/code.svg" alt="" width="80px" height="80px"> </svg> </li> <li> <svg> <img src="pictures/calendar.svg" alt="" width="80px" height="80px"> </svg> </li> <li> <svg> <img src="pictures/prof.svg" alt="" width="80px" height="80px"> </svg> </li> </ul> </div> HTML <div class="conditions-list"> <ul> <li> <svg> <img src="pictures/code.svg" alt="" width="80px" height="80px"> </svg> </li> <li> <svg> <img src="pictures/calendar.svg" alt="" width="80px" height="80px"> </svg> </li> <li> <svg> <img src="pictures/prof.svg" alt="" width="80px" height="80px"> </svg> </li> </ul> </div> .conditions-list { font-family: 'Raleway', sans-serif; display: flex; margin-left: -300px; padding-top: 75px; justify-content: center; animation: fromUp 1.5s; height: 20px; } .conditions-list li { display:inline; margin-right: 30px; } CSS .conditions-list { font-family: 'Raleway', sans-serif; display: flex; margin-left: -300px; padding-top: 75px; justify-content: center; animation: fromUp 1.5s; height: 20px; } .conditions-list li { display:inline; margin-right: 30px; }
floydpower, проблема с позицией элемента может возникать из-за неправильного использования CSS свойств. В вашем коде я вижу, что вы используете `display: flex;` для `.conditions-list`, но не указываете `flex-direction`. По умолчанию `flex-direction` устанавливается в `row`, что означает, что элементы будут располагаться горизонтально. Если вы хотите, чтобы элементы располагались вертикально, попробуйте добавить `flex-direction: column;` к `.conditions-list`: .conditions-list { font-family: 'Raleway', sans-serif; display: flex; flex-direction: column; margin-left: -300px; padding-top: 75px; justify-content: center; animation: fromUp 1.5s; height: 20px; } CSS .conditions-list { font-family: 'Raleway', sans-serif; display: flex; flex-direction: column; margin-left: -300px; padding-top: 75px; justify-content: center; animation: fromUp 1.5s; height: 20px; } Попробуйте это изменение и проверьте, решает ли оно вашу проблему с позицией элемента.