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

Почему картинка не выравнивается по центру?

html код:
<body>
	<header>
		<div id="logo">
			<a href="#">
				<img src="img/logo.svg" alt="logo">
			</a>
		</div>
	</header>
</body>


css код:
header>div#logo>a>img {
	width: 25%;
	margin: auto;
}


Почему картинка не выравнивается по центру?
  • Вопрос задан
  • 1590 просмотров
11 комментариев
Подписаться 1 Оценить 11 комментариев
Пригласить эксперта
Ответы на вопрос 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
header>div#logo>a>img
Что это? Может от html начинать?

Почему картинка не выравнивается по центру?

Потому что она не блочная.
Ссылка, кстати, тоже. (Наверное. Не видно)
Ответ написан
Комментировать
Комментировать
space2pacman
@space2pacman Куратор тега CSS
Просто царь. 
#logo {
  text-align: center;
}
Ответ написан
2 комментария
2 комментария
@Rheinmetall
Могу сморозить глупость
Все очень просто. Открываешь инспектор в браузере и смотришь на свою картинку. Там ты увидишь что у нее display: inline; а стало быть применение к ней margin: auto; не имеет смысла.
Под спойлером неверная информация. Ошибся
А инлайновой она стала потому что ты запихнул ее в ссылку, что не возбраняется, но, как видишь, стоит учитывать что при этом свойства картинки изменятся.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Телеграмм бот на Python
22 нояб. 2024, в 22:26
3500 руб./за проект
Сделать несколько гиф анимаций
22 нояб. 2024, в 21:47
3000 руб./за проект
Доделать сайт на Revolution 3
22 нояб. 2024, в 21:44
50000 руб./за проект
Ещё заказы