blob: d7c871d462c54b879fb204145c258f350a45da84 [file] [log] [blame]
<style>
div {
position: relative;
width: 50px;
height: 50px;
margin-bottom: 5px;
}
img {
max-width: 100%;
max-height: 100%;
}
#b {
width: 50px;
height: 25px;
}
#c {
width: 25px;
height: 50px;
}
#d, #e {
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
}
#f, #g {
width: auto;
height: auto;
min-width: 30px;
min-height: 30px;
}
</style>
<div><img id="a" src="badchess-wide.png"></div>
<div><img id="b" src="badchess-wide.png"></div>
<div><img id="c" src="badchess-tall.png"></div>
<div><img id="d" src="badchess-wide.png"></div>
<div><img id="e" src="badchess-wide.png"></div>
<div><img id="f" src="badchess-wide.png"></div>
<div><img id="g" src="badchess-wide.png"></div>