[css-break-4] Add example of applying 'margin-break' to inline boxes #6922

Author: fantasai

css-break-4/Overview.bs

@@ -1029,6 +1029,23 @@ Adjoining Margins at Breaks: the 'margin-break' property</h3>
 		</figure>
 	</div>
 
+	<div class="example">
+		In this example, 'margin' is used to create spacing between
+		styled inline <{CODE}> elements and adjacent text in a paragraph;
+		'margin-break' is used to discard this margin at the start and end of the line.
+
+		<pre>
+		CODE {
+			background: silver;
+			padding: 0.1em;
+			border: 1px solid;
+			border-radius: 0.2em;
+			margin: 0.2em;
+			margin-break: discard;
+		}
+		</pre>
+	</div>
+
 <h3 id="box-splitting">
 Splitting Boxes</h3>