3 Posted Topics
Hi alexgrover, I hope this code may be useful, Please check. <html> <head> <meta name='viewport' content='width=device-width, initial-scale=1'> </head> <body> <div style="text-align:center; padding-top:50vh"> <div style="margin-top:-27px;"> <div id="clncont0" style="display:inline-block;padding:0;"> <div id="hdrLabel0" style="height: 25px; cursor: pointer; text-align:left;">Username</div> <input name="box0" id="box0" style="padding: 6px; cursor: pointer; border: solid 1px #ccc;" type="text"> </div> <div id="clncont1" style="display:inline-block;padding:0;margin-left:-5px;"> …
<html> <head> <style type="text/css"> <!-- .content { Width:100%; padding:24px 0 40px; background-color:#f1f1f1; } .content_left { float :left; width:15%; background-color:#0099FF; } .content_second_left { float:left; width :20%; margin-left:5%; background-color:#FFCC66; } .content_third_left { float :left; width :55%; margin-left:5%; background-color :Red; } .content_right { margin-left :85%; width:15%; } --> </style> </head> <body> <div class="content"> …
While you add padding left or padding right, you have to deduct from width that padding. for i.e., left_wrapper width is 20% & right_wrapper width is 79.7% (80%) total width is 100%, now you add 5% padding right to left_wrapper then you have to deduct 5% from witdh of any …
The End.