[css-backgrounds-4] Fix figure for corner-shape

Author: LeaVerou

css-backgrounds-4/Overview.bs

@@ -283,6 +283,8 @@ Corner Shaping: the 'corner-shape' property</h3>
 		</pre>
 		<div style='font: bold 200%/1 sans-serif;
 			width: 2.3em;
+			width: min-content;
+			white-space: nowrap;
 			padding: .5em 1em .5em .5em;
 			border-radius: .3em 0 0 .3em;
 			background: url(&apos;data:image/svg+xml,\
@@ -295,7 +297,9 @@ Corner Shaping: the 'corner-shape' property</h3>
 		the right side would be rounded rather than pointy:
 		<div style='font: bold 200%/1 sans-serif;
 			width: 2.3em;
-			padding: .5em 1em .5em .5em; 
+			width: min-content;
+			white-space: nowrap;
+			padding: .5em 1em .5em .5em;
 			border-radius: .3em .8em .8em .3em / .3em 50% 50% .3em;
 			background: yellowgreen'>
 			Next