<!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>