How to keep div from changing lines by html

This article mainly shows you "html how to make div do not change lines", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "html how to make div do not change lines" this article.

Html let div do not wrap the way: 1, use the displays attribute, just add "display: inline-block;" style to the div tag. 2. To use the float attribute, you only need to add the "float: left;" style to the div tag.

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Div automatically wraps lines by default, but you can use the following two ways to control line wrapping

1. Use the displays attribute

Display: inline-block

Example

Div {width: 300px; height: 300px; background-color: # 20B2AA; display: inline-block;}

2. Use the float attribute

Float: left

Example:

Div {width: 300px; height: 300px; background-color: # 00aa00; float: left;}

The above is all the contents of the article "how to keep div from changing lines in html". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!