Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "what is the difference between HTML intra-line elements and block-level elements". The editor shows you the operation process through an actual case. The method of operation is simple, fast and practical. I hope this article "what is the difference between HTML intra-line elements and block-level elements" can help you solve the problem.

What are block-level elements?

Always start on a new line.

Height, row height, outer and inner margins can be controlled.

The width defaults to 100% of its container unless a width is set.

It can accommodate inline elements and other block elements

For example:,

、

What are the in-line elements?

And other elements are on one line.

Height, row height and outer and inner margins are unchangeable

Width is the width of its text or picture, which cannot be changed.

Inline elements can only hold text or other inline elements

For example:,

、 、 、

、

The difference between inline elements and block-level elements

1), inline elements

①: invalid width and height setting

②: valid for the left and right direction of the margin setting, but not for the upper and lower direction; the padding setting is valid for the left and right direction, but not for the upper and lower direction.

③: no automatic line wrapping

2), block-level elements

①: you can set width and height

②: setting both margin and padding is valid

③: automatic line wrapping

④: multiple blocks, arranged from top to bottom by default

That's all for "what's the difference between HTML in-line elements and block-level elements". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.