margin left
File: Data.xml <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/css" href="Style.css"?> <personnel> <allPeople> <person> <name>name 1</name> <personnelID>123</personnelID> <extension>999</extension> </person> <person> <name>name 2</name> <personnelID>124</personnelID> <extension>997</extension> </person> </allPeople> </personnel> File: Style.css personnel { color:#000000; display:block; background-color:#FFFFFF; border:solid 2px #000000; padding:10px; margin:10px; } allPeople { display:block; background-color:#FFFFFF; border:solid 2px #000000; padding:10px; } person { display:block; width:80%; height:40px; background-color:#CCCCCC; border:solid 2px #000000; padding:10px; margin:10px; } name { float:left; width:25%; background-color:#FFFFFF; border:solid 2px #000000; padding:10px; } personnelID, extension { float:left; width:25%; background-color:#FFFFFF; border:solid 2px #000000; padding:10px; margin-left:10px; }