Задать вопрос
@VMass
html

Выровнить картинку по центру в тексте, чтобы не зависимости всегда была по центру?

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Изображение</title>
  <style>
  html {
	width: 200px;	
}
   .flex-center {
  content: ""; 
	background: url(/site/user/questionnaire/images/time.svg) no-repeat;
    display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
    width: 15px; 
    height: 17px; 
    margin-right: 2px;	 
	top: 3px;
	background-size: contain;
  
}

.flex { 
  display: flex; 
  align-items: center;
}

  </style>
 </head>
 <body>
 <div class="flex-center">
  <span style="display: block; margin-left: 45px;">Прапоораваа врореамире егоиаеотттам.</span>
  <span style="display: block; margin-left: 45px;">моимрр проиппот проиошн приорпмреп ероима пммьжж.</span>
  
</div>








 </body>
</html>

6637c1fcf18c2470715280.jpeg
  • Вопрос задан
  • 108 просмотров
2 комментария
Подписаться Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 1
@VMass Автор вопроса
У меня вот получилось, интересно теперь как убрать чтобы не развалилось, подскажите?

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Изображение</title>
  <style>
  html {
	width: 200px;	
}
.flex-center {
    display: flex;
	align-items: center;
	gap: 15px;
}
.img:before {
content: ""; 
	background: url(/site/user/questionnaire/images/time.svg) no-repeat;
	background-position: center;
    display: flex;
	align-items: center;
    width: 17px; 
    height: 17px; 
	margin: 0; 
	padding: 0;
	background-size: contain;	
	
}


  </style>
 </head>
 <body>
 <div class="flex-center">
 <i class="img"></i>
 
 <p>
  <span style="display: block;">1</span>
  <span style="display: block;">2</span>
  <span style="display: block;">3</span>
  <span style="display: block;">4</span>
  </p>
  
</div>








 </body>
</html>

6637eb61290d1031558244.jpeg
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 140 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Автопостинг на вордпрессе
18 мая 2024, в 22:58
3000 руб./за проект
Отрисовать иллюстрацию
18 мая 2024, в 21:07
5000 руб./за проект
Анализ приложения на Flutter
18 мая 2024, в 20:58
5000 руб./за проект
Ещё заказы