Размещение блоков <div> в строку

@atu · Регистрация: 08.10.2014

Author24 — интернет-сервис помощи студентам

Как сие дивы разместить ровно в строку? Ибо в таком виде правая часть ниже

HTML5

1 2	<p><div align="left"> <font face = arial black > Mp3Search 2015-2016</font></div> <div align="right"> <font face = arial black > Copyright </font></div></p>

@Fedor92 · 04.04.2016, 10:47

atu, можно так например:

HTML5

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>example</title>
</head>
<body>
<p><div style="float:left; display:inline-block">  <font face = arial black  > Mp3Search 2015-2016</font></div>
 <div style="float:right; display:inline-block">  <font face = arial black  > Copyright  </font></div></p>
</body>
</html>

@atu · 04.04.2016, 16:52 **[ТС]**

Благодарю!

@Htext · 04.04.2016, 20:33

Сообщение от atu

font

Тег этот уже устарел и не рекомендуется к применению. Лучше использовать свойство style="font: ..."

Добавлено через 2 минуты

Сообщение от Fedor92

"float:left; display:inline-block"

Если float, то inline-block необязательно. Можно или то, или другое - по отдельности.
Как вариант, можно еще
"display: table-cell" (если нужна масштабируемость по ширине).

@Fedor92 · 04.04.2016, 21:34

Сообщение от Htext

Если float, то inline-block необязательно

Обязательно! Если для div не указать display:inline-block он займёт 100% ширины экрана и тем самым выдавит второй блок вниз...

Возьмите код примера ТС и посмотрите, что будет, если просто указать флоаты...

@Htext · 05.04.2016, 20:08

А, ну, да. Действительно, ширина-то не указана. Я на это не обратил внимания.

@atu 0 / 0 / 0 Регистрация: 08.10.2014 Сообщений: 15
	04.04.2016, 16:52 [ТС]	3
	Благодарю! 0

@Htext 357 / 118 / 20 Регистрация: 08.01.2015 Сообщений: 1,361 Записей в блоге: 1
	04.04.2016, 20:33	4
	Сообщение от atu font Тег этот уже устарел и не рекомендуется к применению. Лучше использовать свойство style="font: ..." Добавлено через 2 минуты Сообщение от Fedor92 "float:left; display:inline-block" Если float, то inline-block необязательно. Можно или то, или другое - по отдельности. Как вариант, можно еще "display: table-cell" (если нужна масштабируемость по ширине). 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	04.04.2016, 21:34	5
	Сообщение от Htext Если float, то inline-block необязательно Обязательно! Если для div не указать display:inline-block он займёт 100% ширины экрана и тем самым выдавит второй блок вниз... Возьмите код примера ТС и посмотрите, что будет, если просто указать флоаты... 0

@Htext 357 / 118 / 20 Регистрация: 08.01.2015 Сообщений: 1,361 Записей в блоге: 1
	05.04.2016, 20:08	6
	А, ну, да. Действительно, ширина-то не указана. Я на это не обратил внимания. 0

Размещение блоков <div> в строку

Решение