Wyxumcmwrwcrq
New Member
As per the title, I am unable to center my image when I input instructions for the image to tilt when mouse over. If I remove my 'tilt pic' div, I am able to center my image. Anyone can help point out my mistake please. Thank you. \[code\]<style>img.downloadButton4{display: block;margin-left: auto;margin-right: auto;}.download_Button4{width: 80%;max-width: 1240px;min-width: 760px;min-height: 100px;margin: 0 auto;}.pic {float: left;height: 97px;width: 242px;margin: 0px;overflow: hidden;-webkit-box-shadow: 0px 0px 0px #111;box-shadow: 0px 0px 0px #111; }.tilt {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}.tilt:hover {-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);}</style><body>....<div class="download_Button4">....<div class="tilt pic">....<a href="http://stackoverflow.com/questions/15582209/#" target="_blank">....<img class="downloadButton4" src="http://stackoverflow.com/questions/15582209/image.png"></a>....</div>....</div></body>\[/code\]