HTML・CSS Writing 2022

[HTML5] br tag --Line break

You can use the br tag to start a new line.

Here
all-you-can-eat.

Here <br>
all-you-can-eat.

How to use p tag, div tag and br tag properly?

You can also use p tag or div tag to start a new line. How do you actually use the p tag, div tag, and br tag properly?

Here

all-you-can-eat.

  <p>
    Here
  </p>
  <p>
    all-you-can-eat.
  </p>

Answer yes to the question "Do you want to use each one properly?"

When writing the text, p tag

If you want to write the text, use p tag.

I wonder if it was good to have such a store.

Yeah, it was a lot of fun.

<p>
  I wonder if it was good to have such a store.
</p>
<p>
  Yeah, it was a lot of fun.
</p>

Line breaks in buttons and table items are br tags

If you want to start a new line in a place other than the text, such as a button or table item, you may use the br tag .

This
button

<button> This <br> button </button>

If you want to change the decoration of the text, div tag

If you want to change the decoration of the text, you often use the div tag.

this

button

<button>
  <div style = "color: red"> this </div>
  <div style = "font-weight: bold;"> button </div>
</button>