.box.left{float:left;height:300px;width:50%;}
.box.right{float:right;height:300px;width:50%;}
.wrap{padding:20px; ...}
.box.left{float:left;height:300px;width:50%;}
.box.right{float:right;height:300px;width:50%;}
.box.left{float:left;height:300px;width:50%;}
.box.right{float:right;height:300px;width:50%;}
.box{width:200px;height:200px;padding:100px;margin:100px;}
.box{width:200px;height:200px;padding:100px;maring:100px;box-sizing:border-box;}
box-sizing
padding
Menu Content
Header
Footer
Menu Content AD
Header
Footer
Menu Content AD
Header
Header
Header
Footer
Menu Content AD
Header
Footer
Menu
Content
Header
Menu
Content
Header
.col-**-*{position:relative;min-height:1px;
}
padding-right:15px;padding-left:15px;
@medianot|onlymediatypeand(mediafeature){CSS-Code;}
@mediascreenand(max-width:600px){.col-onethird{width:100%;}}
margin:015px;
device-width
device-height
initial-scale
minimum-scale
maximum-scale
user-scalable
Menu Content AD
Header
Footer
Header
Content
Footer
Header
Content
Footer
@medianot|onlymediatypeand(mediafeature){CSS-Code;}
- <inputtype="date"/>
<formaction=""class="form"><divclass="form-group"><labelfor="email">*EmailAddress</label><inputid="email"type="email"class="form-control"placeholder="Email"required/></div><divclass="form-group"><labelfor="password">*Password</label><inputid="password"type="password"class="form-control"placeholder="Password"required/></div><divclass="form-group"><labelfor="tel">Tel</label><inputid="tel"type="tel"class="form-control"placeholder=" "/></div><div><buttonclass="btn"type="submit"> </button></div></form>
<labelfor="email"> inputid="email"
required
placeholder=" "type="submit"
- inline- block- inline-block- none
<p><strong>Sketch</strong>givesyouthepower,<strong>flexibility</strong>andspeedyoualwayswantedinalightweightandeasy-to-usepackage.Finallyyoucanfocusonwhatyoudobest:<strong>Design</strong>.</p>
strong{display:block;color:orange;}
strong{padding:10px;margin:10px;background-color:orange;}
strong{display:inline-block;padding:10px;margin:10px;background-color:orange;}
$(document).ready(function(){
$('.button-toggle').click(function(e){
e.preventDefault();
$('.navbar-menu').toggleClass('active');
});
});
href="#"
//jQuery
$(document).ready(function(){$('.button-toggle').click(function(e){e.preventDefault();$('.navbar-menu').toggleClass('active');});});
html,body{line-height:1.6;font-size:16px;color:#333;}p{margin-bottom:12px;}ul{list-style-type:disc;margin-bottom:12px;margin-left:1em;}
Header,Footer
Header
Content
Footer
Top Related