HTML CSS examples for CSS Widget:Image Text
Resizing,moving and scaling image and text divs width browser resizing
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .someclass<!-- w ww .j a v a 2 s. co m--> { background-color:Chartreuse; position:fixed; right:21px; bottom:100px; width:100px; height:100px; } .someotherclass { background-color:yellow; position:absolute; left:21px; top:100px; width:100px; height:100px; } #someid { background-color:blue; position:absolute; right:21px; top:100px; width:100px; height:100px; } #someotherid { background-color:pink; position:fixed; left:21px; bottom:100px; width:100px; height:100px; } </style> </head> <body> <div style="height:3000px"></div> <!-- to show window scrolling behavior --> <div class="someclass"></div> <div class="someotherclass"></div> <div id="someid"></div> <div id="someotherid"></div> </body> </html>