background-size-contain-position-fifty-fifty-ref.html (446B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>background-size: contain; background-position: 50% 50% reference</title> 5 <style type="text/css"> 6 #outer 7 { 8 border: 1px solid black; 9 width: 64px; 10 height: 128px; 11 } 12 #inner1 13 { 14 width: 64px; 15 height: 32px; 16 } 17 #inner2 18 { 19 width: 64px; 20 height: 64px; 21 background-image: url(aqua-32x32.png); 22 } 23 </style> 24 </head> 25 <body> 26 <div id="outer"><div id="inner1"></div><div id="inner2"></div></div> 27 </body> 28 </html>