.flyer { position: relative; width: 700px; height: 500px; float: left; } .artpic { position: absolute; display: block; float: left; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); } .place { position: absolute; display: block; font: 25px Helvetica, Arial, Sans-Serif; letter-spacing: 0px; color: #FFF; text-shadow: 2px 2px 9px rgba(0, 0, 0, 1); -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); } .title { position: absolute; display: block; font: 100px Helvetica, Arial, Sans-Serif; letter-spacing: -2px; color: #FFF; text-shadow: 2px 2px 5px rgba(0, 0, 0, 1); -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); } .met { position: absolute; display: block; font: 30px Helvetica, Arial, Sans-Serif; letter-spacing: -2px; font-weight: bold; color: #FFF; text-shadow: 2px 2px 9px rgba(0, 0, 0, 1); -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); } .day { position: absolute; display: block; font: 25px Helvetica, Arial, Sans-Serif; text-shadow: 0px 2px 3px rgba(0, 0, 0, .5); font-weight: bold; letter-spacing: -4px; color: #000; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); } .datex { position: absolute; display: block; font: 50px Helvetica, Arial, Sans-Serif; text-shadow: 0px 2px 3px rgba(0, 0, 0, .5); font-weight: bold; letter-spacing: -4px; color: #000; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); } .typex { position: absolute; display: block; font: 30px Helvetica, Arial, Sans-Serif; text-shadow: 0px 2px 3px rgba(0, 0, 0, .5); font-weight: bold; letter-spacing: -2px; color: #000; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); } .time { position: absolute; display: block; font: 35px Helvetica, Arial, Sans-Serif; text-shadow: 0px 2px 3px rgba(0, 0, 0, .5); font-weight: bold; letter-spacing: -4px; color: #000; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); }