---
id: 637f4e5872c65bc8e73dfe27
videoId: yqcd-XkxZNM
title: Робота з текстом. Запитання A
challengeType: 15
dashedName: working-with-text-question-a
---

# --description--

Що ви очікуєте від наступного тексту на сторінці HTML?

```html
<body>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
  incididunt ut labore et dolore magna aliqua.

  Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
  nisi ut aliquip ex ea commodo consequat.
</body>
```

Текст має вигляд двох абзаців, і ви можете очікувати, що він зобразиться так само. Однак вивід буде іншим, як показано нижче:

<iframe allowfullscreen="true" allowpaymentrequest="true" allowtransparency="true" class="cp_embed_iframe " frameborder="0" height="300" width="100%" name="cp_embed_1" scrolling="no" src="https://codepen.io/TheOdinProjectExamples/embed/xxrKqeV?height=300&amp;theme-id=dark&amp;default-tab=html%2Cresult&amp;slug-hash=xxrKqeV&amp;user=TheOdinProjectExamples&amp;name=cp_embed_1" style="width: 100%; overflow:hidden; display:block;" title="Вставка CodePen" loading="lazy" id="cp_embed_xxrKqeV"></iframe>

Якщо браузер стикається з новими рядками, схожими на цей приклад HTML, він стисне їх в один рядок. У результаті стиснення весь текст стане одним довгим рядком.

Якщо ви хочете створити абзаци в HTML, вам потрібно використати елемент абзацу, який додаватиме новий рядок після кожного абзацу. Елемент абзацу визначається обтіканням текстового вмісту тегом `<p>`.

Якщо використати елементи абзацу на нашому прикладі, проблема буде розв’язана:

<iframe allowfullscreen="true" allowpaymentrequest="true" allowtransparency="true" class="cp_embed_iframe " frameborder="0" height="300" width="100%" name="cp_embed_2" scrolling="no" src="https://codepen.io/TheOdinProjectExamples/embed/mdwbmdp?height=300&amp;theme-id=dark&amp;default-tab=html%2Cresult&amp;slug-hash=mdwbmdp&amp;user=TheOdinProjectExamples&amp;name=cp_embed_2" style="width: 100%; overflow:hidden; display:block;" title="Вставка CodePen" loading="lazy" id="cp_embed_mdwbmdp"></iframe>

# --question--

## --assignment--

Перегляньте відео Кевіна Павелла про абзаци та заголовки у HTML.

## --text--

Як створити абзац у HTML?

## --answers--

`<h3>This is a paragraph</h3>`

---

`<p>This is a paragraph</p>`

---

`<strong>This is a paragraph<strong>`


## --video-solution--

2
