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

This article mainly introduces the relevant knowledge of "how to use the margin-left of css". Xiaobian shows you the operation process through actual cases. The operation method is simple, fast and practical. I hope this article "how to use the margin-left of css" can help you solve the problem.

Margin-left syntax:

div{margin-left:10px}

Set div objects to 10px right spacing

The value of margin-left can be followed by a specific number +html units (example margin-left:20px); can be followed by a percentage (example margin-left:10% left outer spacing 10%); can be followed by auto (example margin-left:auto automatic).

Extended understanding: CSS margin

Margin-left interpretation

This property is used to set the outer spacing on the left side of the object.

Example of margin-left

To observe the margin-left effect, we set up 3 div boxes, set the width to 130px;float:left; height to 120px; border to 1px red, DIV named ".- a"、".- b"、".- c"

Yes."- b"Set margin-left:5px; pair".- c"Set margin-right:10px

1. Complete html source code as follows:

margin-left example www.. com .- a,.- b,.- c {float:left; width:150px; height:120px; border:1px solid #F00} /* css Note: The above is the same attribute for the three types */ .- b{ margin-left:10px} .- c{ margin-left:25px}

2. Screenshot of margin-left example:

Explanation: As can be seen from the above figure and code, margin-left is to set the distance between objects, and set the distance between the left side of the object.

About "how to use css margin-left" content introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the industry information channel. Xiaobian 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.