title: How to offset overlapped Font Awesome icons?
body: <p>Is there a way to overlap two Font Awesome icons in such a way that it looks like the <a href="http://fortawesome.github.io/Font-Awesome/icon/files-o/" rel="noreferrer"><code>files</code></a> icon with respect to the <a href="http://fortawesome.github.io/Font-Awesome/icon/file-o/" rel="noreferrer"><code>file</code></a> icon? I don't want to stack the icons but rather have one cover like 50% of another. Thanks!</p>