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

This article mainly introduces the relevant knowledge of "how to float on the right of DIV CSS". The editor shows you the operation process through an actual case. The method of operation is simple and fast, and it is practical. I hope this article of "how to float on the right of DIV CSS" can help you solve the problem.

To realize the box including (div, span, p, H2, h3, h4) and other label boxes to float on the right, you need to set the CSS style to float and set the value to right (right), even if you use the css floating attribute style float to set the object to display on the right and left.

1. Float CSS syntax to the right: float:right

You can set objects to float to the right and display them on the right.

Expand the relevant knowledge to read:

1. Css float

2. Div float

3. Div font is centered

4. Css content is in the middle.

5. Div layout is centered

Second, set DIV to the right

1. Set all div right floating display

Div {float:right}

Expand to the right of span

Span {float:right}

In this way, the DIV that appears in HTML will be set to float:right by default.

2. Specify the object DIV box floating right instance

Assuming that a DIV object in HTML is to the right, we only need to set the float:right for its css style.

In order to observe whether the div is on the right, the CLASS application of our CSS named case has a selector named ".-right" and sets the box css height to 120px, the CSS width to 320px, the CSS border to the red 1px solid border.

The complete css+div html source code is as follows:

Div float to the right case.-right {width:320px; height:120px;border:1px solid # F00 float float right} / * css Note: set float:right to-right to float the object to the right * / I am in div, DIV right instance

Screenshot of an example on the right:

Set a screenshot of the float:right right usage instance to the DIV object

In this way, you can set the float:right float to the right for DIV to display to the right. If you set the style for span, span will float to the right and display to the right.

This is the end of the content about "how to float DIV CSS on the right". Thank you for your 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.