| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .fixed_size { |
| position:absolute; |
| background-color:#ccffcc; |
| width:25px; |
| height:25px; |
| } |
| .percentage_size { |
| position:absolute; |
| background-color:#ccccff; |
| width:10%; |
| height:10%; |
| } |
| </style> |
| </head> |
| <body style="width:800px;height:600px;margin:0;"> |
| <div class="fixed_size" style="left:5px;top:10px"></div> |
| <div class="fixed_size" style="right:15px;top:20px"></div> |
| <div class="fixed_size" style="left:25px;bottom:30px"></div> |
| <div class="fixed_size" style="right:35px;bottom:40px"></div> |
| <div class="percentage_size" style="left:40%;top:35%"></div> |
| <div class="percentage_size" style="right:30%;top:25%"></div> |
| <div class="percentage_size" style="left:20%;bottom:15%"></div> |
| <div class="percentage_size" style="right:10%;bottom:5%"></div> |
| </body> |
| </html> |