[css-inline-3] Convert to note

Author: fantasai

css-inline-3/Overview.bs

@@ -1119,13 +1119,20 @@ Inline Box Edge Metrics: the 'text-edge' property</h3>
 			Use the [=alphabetic baseline=].
 	</dl>
 
-	All values apply negative [=half-leading=].
-
 	Unless 'text-edge' is ''text-edge/leading''--
 	in which case the box’s own 'line-height' is used to add spacing--
 	the box’s margin, padding, and border also contribute
 	to the [=layout bounds=].
-	
+
+	Note: Although only ''text-edge/leading'' applies positive [=half-leading=],
+	in order to allow text to be set tightly,
+	all values apply negative [=half-leading=],
+	see [[#inline-height]].
+	Half-leading is applied equally to both sides of the text;
+	for more precise overlap control authors can use
+	''text-edge: text'' together with negative [=margins=]
+	on the affected text.
+
 	<figure>
 		<img src="images/text-edge.png" width="480"
 		     alt="three different values of the text-edge property."  >
@@ -1150,7 +1157,6 @@ Inline Box Edge Metrics: the 'text-edge' property</h3>
 	to avoid overlap between lines.
 	</div>
 
-
 <h3 id="inline-height">
 Calculating the Logical Height Contributions (“Layout Bounds”) of Inline Boxes</h3>