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

This article introduces the relevant knowledge of "the left and right layout of span in div". In the operation of actual cases, many people will encounter such a dilemma, 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!

Two span in div, one left and one right.

Structure the span as a div, with a span on the left in the div and a span on the right in the div, accepting the float floating mechanism.

First, the crux of the CSS code:

Left: float:left

On the right: float:right

2. Span instance of organization in div

An example shows that a div setting is not necessarily wide, and then two span boxes are arranged inside, in order to see whether the span box can be laid out on the left and right, and set the css frame at the same time.

1. Incomplete HTML code

An example of span living on the left and on the right in div: css5.com.cn#tcss {width:400px; overflow:hidden} .left {float:left; width:180px; border:1px solid # F00} .right {float:right; width:200px; border:1px solid # 00F} using the span machine to the left and using the span machine to the right

The application of span is really the same layout as the use of div, except that the label is the same. The framework structure can be realized by using float, whether span or div.

2. Screenshot of the result

This is the end of the content of "the left and right layout of span in div". 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.