Twenty Ten and Eleven: more elegant fix for long word overflow in sidebars. Also improves image resizing for images in widgets in Twenty Ten. Props obenland, fixes #21151; see #21503 also.

git-svn-id: https://develop.svn.wordpress.org/trunk@22195 602fd350-edb4-49c9-b593-d223f7449a82

wp-content/themes/twentyeleven/style.css

@@ -1752,6 +1752,10 @@ section.recent-posts .other-recent-posts li:after {
 	font-size: 12px;
 }
 .widget {
+	word-wrap: break-word;
+	-webkit-hyphens: auto;
+	-moz-hyphens: auto;
+	hyphens: auto;
 	clear: both;
 	margin: 0 0 2.2em;
 }

wp-content/themes/twentyten/style.css

@@ -784,7 +784,8 @@ img.size-auto,
 img.size-full,
 img.size-large,
 img.size-medium,
-.attachment img {
+.attachment img,
+.widget-container img {
 	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
 	height: auto; /* Override height to match resized width for correct aspect ratio. */
 }
@@ -1132,8 +1133,15 @@ h3#reply-title {
 	display: none;
 }
 .widget-container {
+	word-wrap: break-word;
+	-webkit-hyphens: auto;
+	-moz-hyphens: auto;
+	hyphens: auto;
 	margin: 0 0 18px 0;
 }
+.widget-container .wp-caption img {
+	margin: auto;
+}
 .widget-title {
 	color: #222;
 	font-weight: bold;