[css-text] editorial improvements to i18n hyphenation example

See #5973

Author: frivoal

css-text-3/Overview.bs

@@ -4430,7 +4430,7 @@ Hyphenation: the 'hyphens' property</h3>
 	where they usually would not be allowed to break
 	to improve the layout of paragraphs,
 	typically splitting words at syllabic or morphemic boundaries
-	and visually indicating the split
+	and often visually indicating the split
 	(usually by inserting a hyphen, U+2010).
 	In some cases, hyphenation may also alter the spelling of a word.
 	Regardless, hyphenation is a rendering effect only:
@@ -4443,8 +4443,7 @@ Hyphenation: the 'hyphens' property</h3>
 	hyphens/hyphens-vertical-002.html
 	</wpt>
 
-	<details class=example>
-		<summary>Hyphenation Across Languages</summary>
+	<div class=example>
 		Hyphenation practices vary across languages,
 		and can involve not just inserting a hyphen before the line break,
 		but inserting a hyphen after the break (or both),
@@ -4488,23 +4487,57 @@ Hyphenation: the 'hyphens' property</h3>
 				<td dir=rtl>
 					<img src="images/uyghur-unbroken.svg"
 					     height=304
-					     style="height: 1.5em;"
+					     style="height: 1.5em; vertical-align: -13%"
 					     alt=" [isolated DAL + isolated ALEF + initial MEEM +
 					          medial YEH  + final DAL +
 					          isolated ALEF MAKSURA]">
 				<td dir=rtl>
 					<img src="images/uyghur-hyphenate-joined-before.svg"
 					     height=304
-					     style="height: 1.5em;"
+					     style="height: 1.5em; vertical-align: -13%"
 					     alt="[isolated DAL + isolated ALEF + initial MEEM +
 					          final YEH + hyphen ]">
 				<td dir=rtl>
 					<img src="images/uyghur-hyphenate-joined-after.svg"
 					     height=304
-					     style="height: 1.5em;"
+					     style="height: 1.5em; vertical-align: -13%"
 					     alt="[ isolated DAL + isolated ALEF MAKSURA]">
+			<tr lang=cr>
+				<th lang=en>Cree
+				<td>
+					<img src="images/cree.svg"
+					     height=524
+					     style="height: 1em; vertical-align: baseline;"
+					     alt="[ᑲᓯᑕᓂᐘᓂᓂᐠ]
+					          (CANADIAN SYLLABICS KA +
+					          CANADIAN SYLLABICS SI +
+					          CANADIAN SYLLABICS TA +
+					          CANADIAN SYLLABICS NI +
+					          CANADIAN SYLLABICS WEST-CREE WA +
+					          CANADIAN SYLLABICS NI +
+					          CANADIAN SYLLABICS NI +
+					          CANADIAN SYLLABICS FINAL GRAVE)">
+				<td>
+					<img src="images/cree-before.svg"
+					     height=524
+					     style="height: 1em; vertical-align: baseline;"
+					     alt="[ᑲᓯᑕᓂ᐀]
+					          (CANADIAN SYLLABICS KA +
+					          CANADIAN SYLLABICS SI +
+					          CANADIAN SYLLABICS TA +
+					          CANADIAN SYLLABICS NI +
+					          CANADIAN SYLLABICS HYPHEN)">
+				<td>
+					<img src="images/cree-after.svg"
+					     height=524
+					     style="height: 1em; vertical-align: baseline;"
+					     alt="[ᐘᓂᓂᐠ]
+					          (CANADIAN SYLLABICS WEST-CREE WA +
+					          CANADIAN SYLLABICS NI +
+					          CANADIAN SYLLABICS NI +
+					          CANADIAN SYLLABICS FINAL GRAVE)">
 		</table>
-	</details>
+	</div>
 
 	<wpt>
 	hyphens/i18n/hyphens-i18n-auto-001.html