- Code:
<link href='https://fonts.googleapis.com/css?family=Courgette|Roboto' rel='stylesheet' type='text/css'><style>.wrap-mood * { box-sizing: border-box; }.wrap-mood {box-sizing: border-box;width: 500px;margin: 0 auto 10px;position: relative;background-color: #fff;border: 1px solid #ccc;text-align: center;padding: 10px;}.wrap-mood h2 {margin: 0;font: 28px 'Courgette', cursive;text-shadow: 2px 0 0 #fff, 3px 0 0 #ccc;}.wrap-mood h3 {border-top: 1px solid #ccc;display: inline;padding: 0 20px;font: 10px calibri, sans-serif;letter-spacing: 1px;}.mood-content {border: 1px solid #ccc;height: 480px;padding-top: 2px;margin-top: 10px;}.wrap-mood img {margin: 4px;border: 1px solid #ccc;padding: 3px; height: 150px; width: 150px;vertical-align: middle;}.credit a {position: absolute;margin-top: 13px;color: #ccc!important;text-decoration: none!important;font: 8px 'Roboto', sans-serif;letter-spacing: 1px;}</style>
<div class="wrap-mood"><!--
--><h2>How to be happy</h2><!--
--><h3>Decide every morning that you are in a good mood</h3><!--
--><div class="mood-content"><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--><img src="http://placehold.it/150x150" alt="" /><!--
--></div><!--
--><div class="credit"><a href="http://terrible.forumactif.org/" target="_blank"></> awful</a></div></div>