| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"> |
| <title>TEST</title> |
| <style type="text/css"> |
| @font-face { |
| font-family: 'myahem'; |
| src: url(Ahem.ttf); |
| } |
| body { |
| font-size: 8px; |
| font-family: 'myahem'; |
| } |
| div{ |
| padding:10px; |
| margin:10px; |
| border:skyblue solid 2px; |
| float:left; |
| } |
| #img1{ |
| width:180px; |
| height:250px; |
| } |
| #div1{ |
| width:620px; |
| height:300px; |
| } |
| #div2{ |
| width:180px; |
| height:250px; |
| } |
| #div3{ |
| width:230px; |
| height:250px; |
| } |
| #div4, #div5{ |
| width:190px; |
| height:30px; |
| } |
| #div6{ |
| width:190px; |
| height:70px; |
| } |
| #div7{ |
| width:75px; |
| height:250px; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="div1"> |
| <div id="div2"><img id="img1"></div> |
| <div id="div3"> |
| <div id="div4">Air conditioner</div> |
| <div id="div5">Price 10,000,000won</div> |
| <div id="div6">Specification |
| <br>Cooling capacity : High |
| <br>Power: high |
| </div> |
| </div> |
| <div id="div7"><b>Ad</b></div> |
| </div> |
| </body> |
| </html> |