title: How do I create embossed borders using HTML and CSS?
body: <p>Some GUIs use boxes with embossed borders to group widgets.</p>
  
  <p>How do I create this look with HTML and CSS?</p>
  
  <p><em>An embossed border is one that creates the illusion that an element comes forward out of the page in 3D. It is often created by making the top and left border lighter and the bottom and right border darker.</em></p>