I did a lot of searching on Google and tried a lot of methods, but nothing seems to work.
It currently has one column; I need to create a second column to the right of the existing column.
Code:
body {
color: #36424a;
background: #ffffff url("pattern.gif") repeat-x;
font-family: arial;
font-size: 12px;
margin: 0px auto;
}
#content {
padding-left: 50px;
width: 826px;
margin: 0px auto;
background-color: #ffffff;
}
#content .title {
padding-top: 20px;
font-size: 24px;
width: 50%;
}
#content .text {
padding-top: 5px;
padding-bottom: 20px;
text-align: justify;
width: 50%;
}
#href {
margin: 0px auto;
width: 876px;
height: 36px;
padding-top: 18px;
background: url("navigationpattern.gif") repeat-x;
}
#href a {
padding-left: 50px;
font-size: 18px;
color: #ffffff;
text-decoration: none;
}
#href a:hover {
text-decoration: underline;
}
#footer {
padding-top: 15px;
text-align: center;
width: 876px;
height: 50px;
margin: 0px auto;
background: url("footerpattern.gif") repeat-x;
}