Sidebar Issue - Line doesn't break

HTML & CSS
1

Guys, iam creating an wordpress theme, and its almost done, but i just found a new problem today.

My sidebar has a width of 300px, and it floats to right, to be side by side, with the content.

But for some reason, when a add a post with a very big title, the widget that show the RECENT POSTS, bugs the sidebar, because the line doesn’t break.

This is my sidebar code

#sidebar {
	float:right;
	width:300;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:10px;
}
#sidebar a {
 text-decoration:none;
 color:#0066CC;
}
#sidebar a:hover {
 color:#999;
}
#sidebar h3 {
	margin-top:14px;
	border-bottom: 2px #CCC solid;
    text-transform: uppercase;
	font-size:16px;
}
#sidebar ul li {
  	list-style: url(images/arrow.png) inside;
	line-height:120%;
	border-bottom: 1px #CCC solid;
	height: 20px;
	padding-top:5px;
	display:block;

}

This is an image showing the problem:

2

Hi decau. I’ve moved this to the CSS forum, as it’s a CSS issue. It’s odd behavior, as normally the line would wrap. Are you sure that’s the only CSS that applies to that text? Could you show us the HTML as well, or preferably a live link?

3

Well thanks for the attetion, but i already solved the problem, first of all i removed the Height form #sidebar ul li, and add width 300px, an know everything is working fine.

4

Great, glad you got it sorted. :slight_smile: