Задать вопрос
@PrytexY
Нюхаю бебру
css

Как отобразить два заголовка в одной строке?

Есть очень простой код:
<!DOCTYPE html>
<html>
<head>
	<link href="styles.css" rel="stylesheet" type="text/css" / >
	<title>ScreenDneter</title>
	<header><div><!--<a href=""><img src="logo.png" width="98" ></a>!--><H2 class = "products">ПРОДУКТЫ</H2><H2 class = "products">ПРОДУКТЫ2</H2></div></header>
</head>
<body>

</body></html>

И CSS :
*{
	margin: 0;
    padding: 0;

}

html{
	background-color: rgb(20,20,20);
	width: 100%;

}

header{
	
	border: 1;

	border-bottom: 2px solid rgb(53,53,53);
}
.products{
	color: white;

}

.img{
	float: left;


}


Почему элемент текста переносится на новою строку?

Вопрос очень простой, но ответ на него найти не могу...kAXhb6p.png
Как перенести второй элемент на строку к первому..
  • Вопрос задан
  • 1868 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Добавь для h2 display: inline;
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@n1ksON
мидл
Потому что заголовки автоматически пишутся с новых строк.
Ответ написан
2 комментария
2 комментария
develx
@develx Куратор тега CSS
Web developer
1- У вас header выводится в <head>, а должен в body
2 - заголовки блочные элементы они и должны выводиться друг под другом
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Ещё заказы