HTML CSS examples for CSS Widget:Border Style
See the margin, padding and border
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> div.Wrapper<!-- w w w . java 2 s. c o m--> { width: 200px; height: 200px; border: 2px solid blue; padding: 5px; } div.WrapperInner { height: 150px; border: 2px solid green; padding: 5px; } div.Content { height: 100px; border: 2px solid red; margin-top: 30px; } div.WrapperInnerOdd { height: 150px; border-left: 2px solid green; border-right: 2px solid green; display:inline-block; width: 100% } </style> </head> <body> <div class="Wrapper"> <div class="WrapperInner"> <div class="Content"></div> </div> </div> <br> <div class="Wrapper"> <div class="WrapperInnerOdd"> <div class="Content"></div> </div> </div> </body> </html>