| <!DOCTYPE html> | |
| <html> | |
| <body> | |
| <div><span style="padding-left: 1px; border-left: 1px solid green;">foobar</span><span style="margin-left: 10px; padding-left: 1px">foobar</span></div> | |
| <div><span style="padding-right: 1px; border-right: 1px solid green;">foobar</span><span style="margin-right: 10px; padding-right: 1px">foobar</span></div> | |
| <div style="margin: 50px;"><span style="padding: 1px; border: 1px solid green;">foobar</span><span style="margin: 10px; padding: 1px">foobar</span></div> | |
| </body> | |
| </html> |