@PrytexY
Нюхаю бебру

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

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

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

Похожие вопросы