Nota 3

Title

Lorem ipsum dolor sit amet. Ut enim ad minim veniam, aliquip ex ea commodo consequat. (A)Press F12 on your Shift+C keyboard

<style> span.title{background:#FED8B1;padding:.6em 1.5em;font-weight:600;font-size:1.13em;top:-17px;left:-32px;display:inline-block;position:relative}.tip{background-color:#fffbce;padding:0 2rem 2rem;margin:3.2rem 14rem 2rem 0;display:table}.tip p{margin:0!important} kbd{color:#fff;padding:.2rem .4rem;background-color:#000;border-radius:4px;box-shadow:0 3px 0 1px silver;font-family:Arial,sans-serif;font-weight:100;white-space:nowrap;line-height:1.5em}a kbd{background-color:#2675d1}a:hover kbd{background-color:#000!important} .red{color:#b50000} </style> <div class="tip"><span class="title"><i class="fa fa-lightbulb-o"> </i> Title</span><p>Lorem ipsum dolor sit amet. Ut enim ad minim veniam, aliquip ex ea commodo consequat. (<b class="red">A</b>)Press <a><kbd>F12</kbd></a> on your <kbd>Shift</kbd></a>+<kbd>C</kbd> keyboard </p></div> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">