Setting the Margins around an Element
File: Data.xml <?xml version="1.0" ?> <?xml-stylesheet type="text/css" href="Style.css" ?> <employees> <name language="English">T1</name> <name language="Latin">T2</name> <projects> <project>project1</project> <project>project2</project> <project>project3</project> </projects> <weight>3 points</weight> <length>3 years</length> </employees> File: Style.css employees { display:block } name { display:block; position:absolute; left:9px } project{ display:block; border:medium dotted red; padding:5px;margin-top:5px } weight{ display:block; position:relative; left:125px; width:340px; border:thin solid red; padding:5px; margin-top:5px }
1. | Set margin value | ||
2. | margin left | ||
3. | Set margin | ||
4. | Set margin top and margin bottom |