Css

HippySunshine

Senior Member
Im creating a blog in WP for when I go travelling so I can show my images and experience to friends and family back home.

How do I get the below widgets to sit side by side instead of one long row as they are:

bg42m0.jpg


I've tried what I think is everything and its not working.

This is the code for my sidebar that I have:
(It's probably all wrong now as I have been messing and changing things round)


/
* Begin Sidebar */
#sidebar {
float:left;
width:854px;
font-fanily:Georgia, Times New Roman, Serif;
color:#625E51;
font-size:12px;
line-height:18px;
padding:23px;
background-color:#edeae1;
border:0px;
}

#sidebar ul {
display:inline;
}

#sidebar ul ul {
margin-left:0px;
}

#sidebar ul ul ul {
margin:0;
padding:0;
}

#sidebar ul li {
list-style-type:none;
margin:0 30px 20px 0;
}

#sidebar li li {
margin:0;
padding:0px;
}

#sidebar a {
display:block;
font-size:1em;
color:#464339;
padding:0;
text-decoration:none;
}

#sidebar a:hover {
display:block;
font-size:1em;
color:#ffffff;
background-color: #464339;
padding:0;
text-decoration:none;
}

#sidebar h4 {
font-size:1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#464339;
line-height:20px;
margin:0 0 5px 0;
border-bottom: 1px dotted #464339;
display:block
}
/* End Sidebar */

Thanks guys :confused:
 
Back
Top