<style type="text/css"> .g_weather { position: relative; height: 198px; } .g_weather img { float: left; display: block; margin: 0; padding: 12px; } .g_weather .gw_recent { overflow: hidden; height: 96%; padding-top: 4%; } .g_weather .gw_weekly { display: none; } .g_weather .gw_location { position: absolute; left: 0; bottom: 0; font-size: 15px; line-height: 20px; } .g_weather .gw_condition_des { font-size: 22px; } .g_weather .gw_temp { margin-top: 26px; } .g_weather .gw_temp_num { font-size: 56px; } .g_weather .gw_temp_unit { font-size: 26px; } .g_weather .gw_forecast { position: absolute; right: 0; bottom: 0; font-size: 13px; line-height: 20px; } </style> <div class="g_weather"> <div class="gw_recent"> <img src="desktop_widgets/4fa7817cc88514014d7c59c2/img/sunny.png" alt="sunny" class="gw_condition"> <div class="gw_temp"> <span class="gw_temp_num thmtxt">29</span><span class="gw_temp_unit thmtxt">°C</span> </div> <div class="gw_condition_des thmtxt">Sunny</div> </div> <div class="gw_weekly"> weekly report </div> <div class="gw_location thmtxt">Hsin-Chu</div> <a href="" class="gw_forecast thmtxt">> Weekly Report</a> </div> <script type="text/javascript"> g_weather(); </script>