Adding Outer Wrapper / Menambah Luar Wrapper

Obviously you want to style with the addition in HTML () on Out Wrapper, and can be made several parts,
The Design: Between the "Page Elements" and "Edit HTML" maybe this is often our back and forth to check on him. After trying some Merti we note section "Out Wrapper", there we can use a variety of works and is divided into several sections, either two (2), three (3), four (4) and as much as desired according to the power of its length "out Wrapper ", without which we changed the other.
Consider the basic HTML: Find the code Out_Wrapper, with Ctrl + F, then look at the top to bottom of his writings, may start a dot (.), Can be a hash mark (#).
Look like this:
Widht : 640: 200+200+200+40

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 970px;
margin: 0 auto;
text-align:left;
font-size:9px;
}
#cwrapper {
width: 970px;
margin-top:35px;
}
#main-wrapper {
width: 640px;
float: left;
word-wrap: break-word;
overflow: hidden;
}


1. Then we add the edge with "Main-Wrapper" we will add to that we attach to add the code:
Originally: "Main-Wrapper",
Additional unity: "Main11-Wrapper"
Additional unity: "Main22-Wrapper"
Additional unity: "Main33-Wrapper"
See the example code below:


#main11-wrapper {
float:left;
margin-top:23px;
margin-left:13px;
width:200px;
height:0 outo;
}
#main22-wrapper {
float:right;
margin-top:23px;
margin-left:13px;
width:200px;
height:0 outo;
}
#main33-wrapper {
float:right;
margin-top:23px;
margin-left:13px;
width:200px;
height:0 outo;
}


2. Consider the code below will find:

See a DEMONSTRASION