From 23699afc0f499afec29a718d166a00f92cf02d1a Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 9 Oct 2024 17:20:38 +0100
Subject: [PATCH 01/19] added syntax and value

---
 files/en-us/web/css/text-emphasis-position/index.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index d7f6dbd9c21701f..40f121e690f358a 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -15,14 +15,16 @@ The **`text-emphasis-position`** [CSS](/en-US/docs/Web/CSS) property sets where
 
 ```css
 /* Initial value */
-text-emphasis-position: over right;
+text-emphasis-position: auto;
 
 /* Keywords value */
+text-emphasis-position: over right;
 text-emphasis-position: over left;
 text-emphasis-position: under right;
 text-emphasis-position: under left;
 
 text-emphasis-position: left over;
+text-emphasis-position: right over;
 text-emphasis-position: right under;
 text-emphasis-position: left under;
 
@@ -36,6 +38,8 @@ text-emphasis-position: unset;
 
 ### Values
 
+- `auto`
+  - : Draws marks over the text in horizontal writing mode and to the right of the text in vertical writing mode.
 - `over`
   - : Draws marks over the text in horizontal writing mode.
 - `under`

From a1bd1fc80f108f8a4c767079970ad9c329ca8385 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Mon, 14 Oct 2024 16:20:35 +0100
Subject: [PATCH 02/19] added a explanation of ruby and added an extra example

---
 .../web/css/text-emphasis-position/index.md   | 81 ++++++++++++++++++-
 1 file changed, 80 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 40f121e690f358a..8b8f87a0114cbae 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -7,7 +7,7 @@ browser-compat: css.properties.text-emphasis-position
 
 {{CSSRef}}
 
-The **`text-emphasis-position`** [CSS](/en-US/docs/Web/CSS) property sets where emphasis marks are drawn. Like ruby text, if there isn't enough room for emphasis marks, the line height is increased.
+The **`text-emphasis-position`** [CSS](/en-US/docs/Web/CSS) property sets where emphasis marks are drawn. Like [ruby](/en-US/docs/Web/HTML/Element/ruby) text (not related to ruby language), if there isn't enough room for emphasis marks, the line height is increased.
 
 {{EmbedInteractiveExample("pages/css/text-emphasis-position.html")}}
 
@@ -122,6 +122,85 @@ The preferred position of emphasis marks depends on the language. In Japanese fo
 
 ## Examples
 
+### Emphasis mark positions
+
+The select field is used to change the class on the `<section>` and the class updates the position of the emphasis marks.
+
+```html hidden
+<label for="position">position:</position>
+<select id="position">
+  <option value="auto">auto</option>
+  <option value="over-right">over right</option>
+  <option value="over-left">over left</option>
+  <option value="under-right">under right</option>
+  <option value="under-left">under left</option>
+  <option value="preferred">preferred</option>
+</select>
+```
+
+#### HTML
+
+```html
+<section id="setting" class="auto">
+  <p class="horizontal" lang="ja">世界、こんにちは。</p>
+  <p class="vertical" lang="zh">你好世界</p>
+</section>
+```
+
+#### CSS
+
+```css hidden
+.horizontal {
+  writing-mode: horizontal-tb;
+}
+.vertical {
+  writing-mode: vertical-rl;
+}
+section {
+  display: flex;
+  justify-content: space-around;
+}
+```
+
+```css
+p {
+  text-emphasis: filled circle tomato;
+  text-emphasis-position: auto;
+}
+.over-right p,
+.preferred p [lang="ja"] {
+  text-emphasis-position: over right;
+}
+.over-left p {
+  text-emphasis-position: over left;
+}
+.under-right p,
+.preferred p [lang="zh"] {
+  text-emphasis-position: under right;
+}
+.under-left p {
+  text-emphasis-position: under left;
+}
+.preferred p [lang="ja"] {
+}
+```
+
+```js hidden
+const position = document.querySelector("#position");
+const setting = document.querySelector("#setting");
+const updateClass = () => {
+  const currentClass = setting.classList;
+  setting.classList.replace(currentClass, position.value);
+};
+position.addEventListener("change", updateClass);
+```
+
+#### Result
+
+Use the position select to choose the location of the emphasis marks. The **preferred** option uses the preferred positions highlighted it the [table above](#description).
+
+{{EmbedLiveSample("Emphasis_mark_positions", 450, 100)}}
+
 ### Preferring ruby over emphasis marks
 
 Some editors prefer to hide emphasis marks when they conflict with ruby. In HTML, this can be done with the following style rule:

From 97987109a5cf61b6b1fafa002d7aa44ef195811a Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Mon, 14 Oct 2024 16:26:53 +0100
Subject: [PATCH 03/19] updated the directions to make the preffered make more
 sense

---
 files/en-us/web/css/text-emphasis-position/index.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 8b8f87a0114cbae..aed539d0ab3fb07 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -142,8 +142,8 @@ The select field is used to change the class on the `<section>` and the class up
 
 ```html
 <section id="setting" class="auto">
-  <p class="horizontal" lang="ja">世界、こんにちは。</p>
-  <p class="vertical" lang="zh">你好世界</p>
+  <p class="horizontal" lang="zh">你好世界</p>
+  <p class="vertical" lang="ja">世界、こんにちは。</p>
 </section>
 ```
 
@@ -199,7 +199,7 @@ position.addEventListener("change", updateClass);
 
 Use the position select to choose the location of the emphasis marks. The **preferred** option uses the preferred positions highlighted it the [table above](#description).
 
-{{EmbedLiveSample("Emphasis_mark_positions", 450, 100)}}
+{{EmbedLiveSample("Emphasis_mark_positions", 450, 170)}}
 
 ### Preferring ruby over emphasis marks
 

From 4eabee13e6ff5697978791e010d8ce4057b7bb95 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 09:56:45 +0100
Subject: [PATCH 04/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index aed539d0ab3fb07..25cf7dc88924c98 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -7,7 +7,7 @@ browser-compat: css.properties.text-emphasis-position
 
 {{CSSRef}}
 
-The **`text-emphasis-position`** [CSS](/en-US/docs/Web/CSS) property sets where emphasis marks are drawn. Like [ruby](/en-US/docs/Web/HTML/Element/ruby) text (not related to ruby language), if there isn't enough room for emphasis marks, the line height is increased.
+The **`text-emphasis-position`** [CSS](/en-US/docs/Web/CSS) property sets where emphasis marks are drawn. Similar to the text rendered by the [`<ruby>`](/en-US/docs/Web/HTML/Element/ruby) HTML element, if there isn't enough room for emphasis marks, the line height is increased.
 
 {{EmbedInteractiveExample("pages/css/text-emphasis-position.html")}}
 

From 5d5d71e4f8c87d66a734513384fb2bb8f2e027ea Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 09:59:06 +0100
Subject: [PATCH 05/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 25cf7dc88924c98..7743e84caff9f44 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -17,7 +17,7 @@ The **`text-emphasis-position`** [CSS](/en-US/docs/Web/CSS) property sets where
 /* Initial value */
 text-emphasis-position: auto;
 
-/* Keywords value */
+/* Keyword values */
 text-emphasis-position: over right;
 text-emphasis-position: over left;
 text-emphasis-position: under right;

From 47d0f1afb9796f292ef1391a381124435d1f1b2c Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 11:50:41 +0100
Subject: [PATCH 06/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 7743e84caff9f44..38979c3255bd3d3 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -37,7 +37,9 @@ text-emphasis-position: unset;
 ```
 
 ### Values
-
+The property accepts one or two values:
+- If only one value is provided, it can be `auto`, `over`, or `under`. When only `over` or `under` is used, `right` is assumed as the default position.
+- If two values are provided, they must include one of `over` or `under`and one of `right` or `left`. Their order does not matter.
 - `auto`
   - : Draws marks over the text in horizontal writing mode and to the right of the text in vertical writing mode.
 - `over`

From a8db6133860f7c48de35396ec9d3608cec2edb34 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 11:53:06 +0100
Subject: [PATCH 07/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 38979c3255bd3d3..8c915ababe04bf6 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -122,7 +122,7 @@ The preferred position of emphasis marks depends on the language. In Japanese fo
 
 {{csssyntax}}
 
-## Examples
+### Adding emphasis mark positions
 
 ### Emphasis mark positions
 

From 213a392f40bbdf08a112889bf83d6334fe1f6e0b Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 11:53:22 +0100
Subject: [PATCH 08/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 8c915ababe04bf6..37c295ec00ec784 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -129,7 +129,7 @@ The preferred position of emphasis marks depends on the language. In Japanese fo
 The select field is used to change the class on the `<section>` and the class updates the position of the emphasis marks.
 
 ```html hidden
-<label for="position">position:</position>
+<label for="position">Emphasis position:</position>
 <select id="position">
   <option value="auto">auto</option>
   <option value="over-right">over right</option>

From dcb718d8be3130b0835dd45898732d6f4c9c570c Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 11:53:47 +0100
Subject: [PATCH 09/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 37c295ec00ec784..5c0e11c66dc8cca 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -126,7 +126,7 @@ The preferred position of emphasis marks depends on the language. In Japanese fo
 
 ### Emphasis mark positions
 
-The select field is used to change the class on the `<section>` and the class updates the position of the emphasis marks.
+Use the drop down menu to change the position of the emphasis marks. This will change the class on the `<section>` element, which in turn, updates the position of the emphasis marks on the text.
 
 ```html hidden
 <label for="position">Emphasis position:</position>

From 83ffbbe403c146f3693edf6a7bdcf596f9bd5195 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 11:53:57 +0100
Subject: [PATCH 10/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 5c0e11c66dc8cca..e44d7ec78de3a6e 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -199,7 +199,7 @@ position.addEventListener("change", updateClass);
 
 #### Result
 
-Use the position select to choose the location of the emphasis marks. The **preferred** option uses the preferred positions highlighted it the [table above](#description).
+Use the "Emphasis position" drop down to choose the location of the emphasis marks. The `preferred` option in the drop down uses the preferred positions, as explained in the [Description](#description) section.
 
 {{EmbedLiveSample("Emphasis_mark_positions", 450, 170)}}
 

From dfd95873c4e1b22d7d602d2285f5d0e88954e399 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 11:56:10 +0100
Subject: [PATCH 11/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index e44d7ec78de3a6e..0b4903625a0ace0 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -40,7 +40,7 @@ text-emphasis-position: unset;
 The property accepts one or two values:
 - If only one value is provided, it can be `auto`, `over`, or `under`. When only `over` or `under` is used, `right` is assumed as the default position.
 - If two values are provided, they must include one of `over` or `under`and one of `right` or `left`. Their order does not matter.
-- `auto`
+- `auto` {{Experimental_Inline}}
   - : Draws marks over the text in horizontal writing mode and to the right of the text in vertical writing mode.
 - `over`
   - : Draws marks over the text in horizontal writing mode.

From f293d17ce0ac225121da3b26140bbe4bbc19764e Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 11:57:09 +0100
Subject: [PATCH 12/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/css/text-emphasis-position/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 0b4903625a0ace0..32643c12da9fd34 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -37,6 +37,7 @@ text-emphasis-position: unset;
 ```
 
 ### Values
+
 The property accepts one or two values:
 - If only one value is provided, it can be `auto`, `over`, or `under`. When only `over` or `under` is used, `right` is assumed as the default position.
 - If two values are provided, they must include one of `over` or `under`and one of `right` or `left`. Their order does not matter.

From a39c5592ae92f1d17af2ff22bc586f4f27da4de1 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 11:57:25 +0100
Subject: [PATCH 13/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 files/en-us/web/css/text-emphasis-position/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 32643c12da9fd34..a93aed9614be052 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -39,6 +39,7 @@ text-emphasis-position: unset;
 ### Values
 
 The property accepts one or two values:
+
 - If only one value is provided, it can be `auto`, `over`, or `under`. When only `over` or `under` is used, `right` is assumed as the default position.
 - If two values are provided, they must include one of `over` or `under`and one of `right` or `left`. Their order does not matter.
 - `auto` {{Experimental_Inline}}

From 68a97b1df6448318c2f33d25f661a694c4c49a1a Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 11:59:10 +0100
Subject: [PATCH 14/19] added comments explaining the text

---
 files/en-us/web/css/text-emphasis-position/index.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index aed539d0ab3fb07..ba12473da8ae362 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -143,7 +143,9 @@ The select field is used to change the class on the `<section>` and the class up
 ```html
 <section id="setting" class="auto">
   <p class="horizontal" lang="zh">你好世界</p>
+  <!-- Hello World in Chinese -->
   <p class="vertical" lang="ja">世界、こんにちは。</p>
+  <!-- Hello World in Japanese -->
 </section>
 ```
 

From 2b1213fecddf99ba87521285d91bc78016119a5d Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Wed, 16 Oct 2024 12:23:55 +0100
Subject: [PATCH 15/19] added extra values to syntax and added supports at rule
 to example

---
 .../web/css/text-emphasis-position/index.md    | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index bb8c0f01c639bf6..18121605d959763 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -18,6 +18,9 @@ The **`text-emphasis-position`** [CSS](/en-US/docs/Web/CSS) property sets where
 text-emphasis-position: auto;
 
 /* Keyword values */
+text-emphasis-position: over;
+text-emphasis-position: under;
+
 text-emphasis-position: over right;
 text-emphasis-position: over left;
 text-emphasis-position: under right;
@@ -130,7 +133,10 @@ The preferred position of emphasis marks depends on the language. In Japanese fo
 
 Use the drop down menu to change the position of the emphasis marks. This will change the class on the `<section>` element, which in turn, updates the position of the emphasis marks on the text.
 
+#### HTML
+
 ```html hidden
+<p class="unsupported">The <code>auto</code> value is not supported in your browser.</p>
 <label for="position">Emphasis position:</position>
 <select id="position">
   <option value="auto">auto</option>
@@ -142,8 +148,6 @@ Use the drop down menu to change the position of the emphasis marks. This will c
 </select>
 ```
 
-#### HTML
-
 ```html
 <section id="setting" class="auto">
   <p class="horizontal" lang="zh">你好世界</p>
@@ -156,6 +160,14 @@ Use the drop down menu to change the position of the emphasis marks. This will c
 #### CSS
 
 ```css hidden
+.unsupported {
+  color: red;
+}
+@supports (text-emphasis-position: auto) {
+  .unsupported {
+    display: none;
+  }
+}
 .horizontal {
   writing-mode: horizontal-tb;
 }
@@ -169,7 +181,7 @@ section {
 ```
 
 ```css
-p {
+section p {
   text-emphasis: filled circle tomato;
   text-emphasis-position: auto;
 }

From e8b120fac109ee4be9bddba445ae5f1fc2bb9ee4 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Thu, 17 Oct 2024 11:10:06 +0100
Subject: [PATCH 16/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 18121605d959763..8c4bc7b2f16468a 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -217,7 +217,7 @@ position.addEventListener("change", updateClass);
 
 Use the "Emphasis position" drop down to choose the location of the emphasis marks. The `preferred` option in the drop down uses the preferred positions, as explained in the [Description](#description) section.
 
-{{EmbedLiveSample("Emphasis_mark_positions", 450, 170)}}
+{{EmbedLiveSample("Emphasis_mark_positions", 450, 250)}}
 
 ### Preferring ruby over emphasis marks
 

From 373408d6548f6eef8c4e2a58c7eff6fd90c8fdd2 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Thu, 17 Oct 2024 11:10:27 +0100
Subject: [PATCH 17/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 8c4bc7b2f16468a..73274e7da898132 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -131,7 +131,7 @@ The preferred position of emphasis marks depends on the language. In Japanese fo
 
 ### Emphasis mark positions
 
-Use the drop down menu to change the position of the emphasis marks. This will change the class on the `<section>` element, which in turn, updates the position of the emphasis marks on the text.
+Use the drop down menu to change the position of the emphasis marks. This will change the class on the `<section>` element, which in turn, will update the position of the emphasis marks on the text.
 
 #### HTML
 

From fc2118ee96e32e98ab92142118f698b2206930fb Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Thu, 17 Oct 2024 11:10:52 +0100
Subject: [PATCH 18/19] Update
 files/en-us/web/css/text-emphasis-position/index.md

Co-authored-by: Dipika Bhattacharya <dipika@foss-community.org>
---
 files/en-us/web/css/text-emphasis-position/index.md | 2 --
 1 file changed, 2 deletions(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 73274e7da898132..3b9749a5ab22b0c 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -129,8 +129,6 @@ The preferred position of emphasis marks depends on the language. In Japanese fo
 
 ### Adding emphasis mark positions
 
-### Emphasis mark positions
-
 Use the drop down menu to change the position of the emphasis marks. This will change the class on the `<section>` element, which in turn, will update the position of the emphasis marks on the text.
 
 #### HTML

From 63cb72eccf7868d1e9e41dea46c9467fde7831f6 Mon Sep 17 00:00:00 2001
From: Dave Letorey <dave@code-red.uk>
Date: Thu, 17 Oct 2024 11:11:37 +0100
Subject: [PATCH 19/19] fixed the values list

---
 files/en-us/web/css/text-emphasis-position/index.md | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/files/en-us/web/css/text-emphasis-position/index.md b/files/en-us/web/css/text-emphasis-position/index.md
index 18121605d959763..80eec15f9f1ded3 100644
--- a/files/en-us/web/css/text-emphasis-position/index.md
+++ b/files/en-us/web/css/text-emphasis-position/index.md
@@ -43,8 +43,10 @@ text-emphasis-position: unset;
 
 The property accepts one or two values:
 
-- If only one value is provided, it can be `auto`, `over`, or `under`. When only `over` or `under` is used, `right` is assumed as the default position.
-- If two values are provided, they must include one of `over` or `under`and one of `right` or `left`. Their order does not matter.
+If only one value is provided, it can be `auto`, `over`, or `under`. When only `over` or `under` is used, `right` is assumed as the default position.
+
+If two values are provided, they must include one of `over` or `under`and one of `right` or `left`. Their order does not matter.
+
 - `auto` {{Experimental_Inline}}
   - : Draws marks over the text in horizontal writing mode and to the right of the text in vertical writing mode.
 - `over`
@@ -254,3 +256,4 @@ em rt {
 ## See also
 
 - The longhand properties {{cssxref("text-emphasis-style")}}, {{cssxref("text-emphasis-color")}}, and the corresponding shorthand property {{cssxref("text-emphasis")}}.
+- {{cssxref("writing-mode")}}