Skip to content

Instantly share code, notes, and snippets.

@fre-sch

fre-sch/align-center.html

Created March 12, 2013 14:28
Show Gist options
  • Save fre-sch/5143309 to your computer and use it in GitHub Desktop.
Save fre-sch/5143309 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
align-center.html
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
.product {
border: 1px solid #ddd;
float: left;
width: 200px;
height: 200px;
margin-right: 1em;
}
.align {
width: 200px;
height: 200px;
text-align: center;
vertical-align: middle;
padding: none;
margin: none;
display: table-cell;
}
.product img {
max-width:200px;
max-height:200px;
*display:inline-block;
}
</style>
</head>
<body>
<div class="product"><div class="align"><img src="http://www.juststreetwear.com/bilder/produkte/gross/Djinns-5-Panel-FV-Mini-Hound-II-Basecap-grey_b3.jpg"/></div></div>
<div class="product"><div class="align"><img src="http://www.capsandsox.com/WebRoot/Store3/Shops/61368623/4B1F/9379/4F7C/66F8/ED2C/C0A8/28BA/936B/flexfit-fullcap-basecap-purple-lila-1.jpg"/></div></div>
<div class="product"><div class="align"><img src="http://www.ixsoft.de/Web_store/Images/64/CAKUBACAP-BK.jpg"/></div></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment