User:Sctechlaw/sandbox2

<span style="display: inline-block; position: relative; left: -2em; bottom: -2em; margin: 0.5em 0 1em; padding: 0.5em 0.8em 0.5em; white-space: nowrap; background-color: rgba(215,231,244,0.65); border: 1px solid #18a0ec; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75); -moz-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75); -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.75); transform: rotate(-20deg); -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-5deg); font-variant: small-caps;" title="title element here"> a message, shamelessly plagiarizing Bonkers The Clown another message <span style="display: inline-block; position: relative; top: 1em; right: -2em; margin-left: -2em; padding: 3px 4px 6px; background-color: rgba(243,243,243,0.65); border: 1px dotted Red; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.75); -moz-box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.75); -webkit-box-shadow: 0.1em 0.1em 0.25em rgba(0,0,0,0.75); transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); text-align: center; ">