margin-left: 10px : margin left « CSS « HTML / CSS

HTML / CSS » CSS » margin left 
margin-left: 10px
   

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>A demonstration of the margin property</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">
{
  margin-top: 40px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

strong {
  margin-left: 40px;
  margin-right: 10px;
  background-color: #d6d6d6;
}
</style>
</head>

<body>
<p>Lorem ipsum dolor sit amet, consectetuer <strong>A</strong> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis <strong>nostrud</strong> exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
<p>Lorem ipsum dolor sit amet, consectetuer <strong>A</strong> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis <strong>nostrud</strong> exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
<p>Lorem ipsum dolor sit amet, consectetuer <strong>A</strong> elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis <strong>nostrud</strong> exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
</body>
</html>

   
    
  
Related examples in the same category
1.'margin-left' Example
2.margin-left: auto
3.margin-left: 25%
4.margin-left: 8px;
5.Set margin left and right to auto
6.Set margin-left and margin-right
7.margin-left setting for UL
8.LI margin-left: 10%
9.A paragraph with a margin-left set at 20%
10.margin can be positive or negative.
11.A percentage margin refers to a percentage of the containing block's width.
12.Left aligned and offset
13.Right aligned and offset
14.Aligned and Offset Absolute
15.Left-bottom Aligned and Offset
16.Aligned Outside with large negative margin value
17.Sized Absolute left offset
18.Shrinkwrapped Absolute left offset
19.Stretched Absolute left offset
20.three pixel offset by margin
21.Static Block centered offset
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.