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

This article introduces the relevant knowledge of "how to display two paragraphs side by side by css". Many people will encounter such a dilemma in the operation of actual cases, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

In css, you can use the float attribute to display two pieces of elements side by side, which is used to set the floating direction of the element. When the value of the attribute is "left", the element floats to the left, so that the elements are displayed side by side, and the syntax is "element {float:left;}".

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

How to display the two paragraphs side by side by css

You can use the float attribute to uniformly set the float to the left to achieve the side-by-side display of two elements. When the property value is left, the element floats to the left.

The float attribute defines in which direction the element floats. In the past, this attribute was always applied to the image, keeping the text around the image, but in CSS, any element can float. A floating element generates a block-level box, regardless of what element it is.

If floating non-replacement elements, specify an explicit width; otherwise, they will be as narrow as possible.

Note: if there is very little space on a line to float an element, the element jumps to the next line, and the process continues until a line has enough space.

Examples are as follows:

P {width:200px; height:100px; float:left;}

This is a passage.

This is another paragraph.

Output result:

This is the end of the content of "how to display two paragraphs side by side by css". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

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.