HTML КОД, при написании все элементы в одну строку

Question

HTML КОД, при написании все элементы в одну строку

Макс Дмитриев Ученик (47), на голосовании 9 месяцев назад

Обучаюсь верстке, при написании кода почему то все элементы стали отображаться в одну строчку, вставил видео, аудио и ссылку, и все они иду друг за дружкой в одну строку, вопрос следующий - почему и как это исправить?

!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="tab-icon.ico" type="image/x-icon">
<title>Document</title>
</head>
<body>
<video width="480" controls preload="auto">
<source src="Lake.webm" type="video/webm">
<source src="Lake.mp4" type="video/mp4">
Упс, не поддерживается :(
</video>
<audio src="02589.mp3" controls></audio>
<a href="vk.com" target="_blank">ВК</a>
</body>
</html>

Answer 1

HTML-код игнорирует переносы строк, за исключением тех, что указаны внутри тегов вроде <pre> и <textarea>. В вашем случае использовать эти теги не рекомендую, так как у них другое предназначение.

Для добавления переноса строки на страницу используйте тег <br/> между элементами, которые вы хотите разместить на разных строчках.