<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/>
<style>.fondpi{width: 280px; height: 270px; background-image: url('https://i62.servimg.com/u/f62/16/81/23/94/28777710.png'); margin: auto; position: relative;} .note{width: 200px; height: 100px; margin: auto; text-align: center; font-family: Pacifico; font-size: 18px; position: absolute; top: 50px; left: 30px; -moz-transform:rotate(-12deg); -webkit-transform:rotate(-12deg); -o-transform:rotate(-12deg);-ms-transform: rotate(-12deg);} .copyr{font-size: 10px; text-align: center; color: black; text-transform: lowercase; margin-top: 235px;}</style>

<div class="fondpi"><div class="note">Je suis une note qui s'étale de plus en plus à mesure qu'on écrit. Je suis une note qui s'étale de plus en plus à mesure qu'on écrit. Je suis une note qui s'étale de plus en plus à mesure qu'on écrit. Je suis une note qui s'étale de plus en plus à mesure qu'on écrit.</div>
<div class="copyr">Code par Heaven sur <a href="http://epicode.bbactif.com/">Epicode</a></div></div>