Adjust diagram

fantasai · fantasai · commit 9f8d7acbfad6 · 2020-06-16T21:17:52.000-07:00
diff --git a/css-inline-3/images/alphabetic-baseline-in-two-font-sizes.svg b/css-inline-3/images/alphabetic-baseline-in-two-font-sizes.svg
@@ -1,32 +1,32 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 176.1 48.4" enable-background="new 0 0 176.1 48.4" xml:space="preserve">
-<text transform="matrix(1 0 0 1 0 31.0914)"><tspan x="0" y="0" font-family="'Helvetica'" font-size="18">Apple</tspan><tspan x="46" y="0" font-family="'Helvetica'" font-size="36"> Orange</tspan></text>
-<line fill="none" stroke="#3FA9F5" stroke-miterlimit="10" x1="0" y1="31.7" x2="175" y2="31.7"/>
-<g>
-	<g>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="44.8,16.7 44.8,15.7 43.8,15.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="42" y1="15.7" x2="3" y2="15.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="1.5,15.7 0.5,15.7 0.5,16.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="0.5" y1="19.2" x2="0.5" y2="34.2"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="0.5,34.7 0.5,35.7 1.5,35.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="4" y1="35.7" x2="43" y2="35.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="43.8,35.7 44.8,35.7 44.8,34.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="44.5" y1="33.2" x2="44.5" y2="18.2"/>
-	</g>
-</g>
-<g>
-	<g>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="175,1.5 175,0.5 174,0.5 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="172" y1="0.7" x2="59" y2="0.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="58.2,0.5 57.2,0.5 57.2,1.5 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="57.5" y1="3.2" x2="57.5" y2="39.2"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="57.2,40.7 57.2,41.7 58.2,41.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="60" y1="41.7" x2="173" y2="41.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="174,41.7 175,41.7 175,40.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="174.5" y1="38.2" x2="174.5" y2="2.2"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 176.1 48.4" enable-background="new 0 0 176.1 48.4" xml:space="preserve">
+<text transform="matrix(1 0 0 1 0 31.0914)"><tspan x="0" y="0" font-family="Arial, Helvetica" font-size="17">Apple</tspan><tspan x="46" y="0" font-family="Arial, Helvetica" font-size="35"> Orange</tspan></text>
+<line fill="none" stroke="#3FA9F5" stroke-miterlimit="10" x1="0" y1="31.7" x2="175" y2="31.7"/>
+<g>
+	<g>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="44.8,16.7 44.8,15.7 43.8,15.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="42" y1="15.7" x2="3" y2="15.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="1.5,15.7 0.5,15.7 0.5,16.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="0.5" y1="19.2" x2="0.5" y2="34.2"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="0.5,34.7 0.5,35.7 1.5,35.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="4" y1="35.7" x2="43" y2="35.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="43.8,35.7 44.8,35.7 44.8,34.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="44.5" y1="33.2" x2="44.5" y2="18.2"/>
+	</g>
+</g>
+<g>
+	<g>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="175,1.5 175,0.5 174,0.5 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="172" y1="0.7" x2="59" y2="0.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="58.2,0.5 57.2,0.5 57.2,1.5 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="57.5" y1="3.2" x2="57.5" y2="39.2"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="57.2,40.7 57.2,41.7 58.2,41.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="60" y1="41.7" x2="173" y2="41.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="174,41.7 175,41.7 175,40.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="174.5" y1="38.2" x2="174.5" y2="2.2"/>
+	</g>
+</g>
+</svg>
diff --git a/css-writing-modes-3/images/alphabetic-baseline-in-two-font-sizes.svg b/css-writing-modes-3/images/alphabetic-baseline-in-two-font-sizes.svg
@@ -1,32 +1,32 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 176.1 48.4" enable-background="new 0 0 176.1 48.4" xml:space="preserve">
-<text transform="matrix(1 0 0 1 0 31.0914)"><tspan x="0" y="0" font-family="'Helvetica'" font-size="18">Apple</tspan><tspan x="46" y="0" font-family="'Helvetica'" font-size="36"> Orange</tspan></text>
-<line fill="none" stroke="#3FA9F5" stroke-miterlimit="10" x1="0" y1="31.7" x2="175" y2="31.7"/>
-<g>
-	<g>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="44.8,16.7 44.8,15.7 43.8,15.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="42" y1="15.7" x2="3" y2="15.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="1.5,15.7 0.5,15.7 0.5,16.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="0.5" y1="19.2" x2="0.5" y2="34.2"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="0.5,34.7 0.5,35.7 1.5,35.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="4" y1="35.7" x2="43" y2="35.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="43.8,35.7 44.8,35.7 44.8,34.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="44.5" y1="33.2" x2="44.5" y2="18.2"/>
-	</g>
-</g>
-<g>
-	<g>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="175,1.5 175,0.5 174,0.5 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="172" y1="0.7" x2="59" y2="0.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="58.2,0.5 57.2,0.5 57.2,1.5 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="57.5" y1="3.2" x2="57.5" y2="39.2"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="57.2,40.7 57.2,41.7 58.2,41.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="60" y1="41.7" x2="173" y2="41.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="174,41.7 175,41.7 175,40.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="174.5" y1="38.2" x2="174.5" y2="2.2"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 176.1 48.4" enable-background="new 0 0 176.1 48.4" xml:space="preserve">
+<text transform="matrix(1 0 0 1 0 31.0914)"><tspan x="0" y="0" font-family="Arial, Helvetica" font-size="17">Apple</tspan><tspan x="46" y="0" font-family="Arial, Helvetica" font-size="35"> Orange</tspan></text>
+<line fill="none" stroke="#3FA9F5" stroke-miterlimit="10" x1="0" y1="31.7" x2="175" y2="31.7"/>
+<g>
+	<g>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="44.8,16.7 44.8,15.7 43.8,15.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="42" y1="15.7" x2="3" y2="15.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="1.5,15.7 0.5,15.7 0.5,16.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="0.5" y1="19.2" x2="0.5" y2="34.2"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="0.5,34.7 0.5,35.7 1.5,35.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="4" y1="35.7" x2="43" y2="35.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="43.8,35.7 44.8,35.7 44.8,34.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="44.5" y1="33.2" x2="44.5" y2="18.2"/>
+	</g>
+</g>
+<g>
+	<g>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="175,1.5 175,0.5 174,0.5 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="172" y1="0.7" x2="59" y2="0.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="58.2,0.5 57.2,0.5 57.2,1.5 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="57.5" y1="3.2" x2="57.5" y2="39.2"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="57.2,40.7 57.2,41.7 58.2,41.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="60" y1="41.7" x2="173" y2="41.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="174,41.7 175,41.7 175,40.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="174.5" y1="38.2" x2="174.5" y2="2.2"/>
+	</g>
+</g>
+</svg>
diff --git a/css-writing-modes-4/images/alphabetic-baseline-in-two-font-sizes.svg b/css-writing-modes-4/images/alphabetic-baseline-in-two-font-sizes.svg
@@ -1,32 +1,32 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 176.1 48.4" enable-background="new 0 0 176.1 48.4" xml:space="preserve">
-<text transform="matrix(1 0 0 1 0 31.0914)"><tspan x="0" y="0" font-family="'Helvetica'" font-size="18">Apple</tspan><tspan x="46" y="0" font-family="'Helvetica'" font-size="36"> Orange</tspan></text>
-<line fill="none" stroke="#3FA9F5" stroke-miterlimit="10" x1="0" y1="31.7" x2="175" y2="31.7"/>
-<g>
-	<g>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="44.8,16.7 44.8,15.7 43.8,15.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="42" y1="15.7" x2="3" y2="15.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="1.5,15.7 0.5,15.7 0.5,16.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="0.5" y1="19.2" x2="0.5" y2="34.2"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="0.5,34.7 0.5,35.7 1.5,35.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="4" y1="35.7" x2="43" y2="35.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="43.8,35.7 44.8,35.7 44.8,34.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="44.5" y1="33.2" x2="44.5" y2="18.2"/>
-	</g>
-</g>
-<g>
-	<g>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="175,1.5 175,0.5 174,0.5 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="172" y1="0.7" x2="59" y2="0.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="58.2,0.5 57.2,0.5 57.2,1.5 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="57.5" y1="3.2" x2="57.5" y2="39.2"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="57.2,40.7 57.2,41.7 58.2,41.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="60" y1="41.7" x2="173" y2="41.7"/>
-		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="174,41.7 175,41.7 175,40.7 		"/>
-		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="174.5" y1="38.2" x2="174.5" y2="2.2"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 176.1 48.4" enable-background="new 0 0 176.1 48.4" xml:space="preserve">
+<text transform="matrix(1 0 0 1 0 31.0914)"><tspan x="0" y="0" font-family="Arial, Helvetica" font-size="17">Apple</tspan><tspan x="46" y="0" font-family="Arial, Helvetica" font-size="35"> Orange</tspan></text>
+<line fill="none" stroke="#3FA9F5" stroke-miterlimit="10" x1="0" y1="31.7" x2="175" y2="31.7"/>
+<g>
+	<g>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="44.8,16.7 44.8,15.7 43.8,15.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="42" y1="15.7" x2="3" y2="15.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="1.5,15.7 0.5,15.7 0.5,16.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="0.5" y1="19.2" x2="0.5" y2="34.2"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="0.5,34.7 0.5,35.7 1.5,35.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="4" y1="35.7" x2="43" y2="35.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="43.8,35.7 44.8,35.7 44.8,34.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="44.5" y1="33.2" x2="44.5" y2="18.2"/>
+	</g>
+</g>
+<g>
+	<g>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="175,1.5 175,0.5 174,0.5 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="172" y1="0.7" x2="59" y2="0.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="58.2,0.5 57.2,0.5 57.2,1.5 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="57.5" y1="3.2" x2="57.5" y2="39.2"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="57.2,40.7 57.2,41.7 58.2,41.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="60" y1="41.7" x2="173" y2="41.7"/>
+		<polyline fill="none" stroke="#2E3192" stroke-miterlimit="10" points="174,41.7 175,41.7 175,40.7 		"/>
+		<line fill="none" stroke="#2E3192" stroke-miterlimit="10" stroke-dasharray="2,2" x1="174.5" y1="38.2" x2="174.5" y2="2.2"/>
+	</g>
+</g>
+</svg>
