diff --git a/Tests/LibWeb/Text/expected/Editing/execCommand-styleWithCSS.txt b/Tests/LibWeb/Text/expected/Editing/execCommand-styleWithCSS.txt
new file mode 100644
index 00000000000..d1e0c0c7ad1
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/Editing/execCommand-styleWithCSS.txt
@@ -0,0 +1,4 @@
+Div contents: "foobar" bold state: false
+styleWithCSS supported: true
+Div contents: "<span style="font-weight: bold;">fo</span>obar" bold state: true
+Div contents: "<span style="font-weight: bold;">fo</span>ob<b>ar</b>" bold state: true
diff --git a/Tests/LibWeb/Text/expected/Editing/execCommand-useCSS.txt b/Tests/LibWeb/Text/expected/Editing/execCommand-useCSS.txt
new file mode 100644
index 00000000000..eceb8c156e8
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/Editing/execCommand-useCSS.txt
@@ -0,0 +1,4 @@
+Div contents: "foobar" bold state: false
+useCSS supported: true
+Div contents: "<span style="font-weight: bold;">fo</span>obar" bold state: true
+Div contents: "<span style="font-weight: bold;">fo</span>ob<b>ar</b>" bold state: true
diff --git a/Tests/LibWeb/Text/input/Editing/execCommand-styleWithCSS.html b/Tests/LibWeb/Text/input/Editing/execCommand-styleWithCSS.html
new file mode 100644
index 00000000000..58f1a194bb6
--- /dev/null
+++ b/Tests/LibWeb/Text/input/Editing/execCommand-styleWithCSS.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<script src="../include.js"></script>
+<div contenteditable="true">foobar</div>
+<script>
+    test(() => {
+        const range = document.createRange();
+        getSelection().addRange(range);
+
+        const divElm = document.querySelector('div');
+        const report = () => println(`Div contents: "${divElm.innerHTML}" bold state: ${document.queryCommandState('bold')}`);
+        report();
+
+        println(`styleWithCSS supported: ${document.queryCommandSupported('styleWithCSS')}`);
+        document.execCommand('styleWithCSS', false, 'true');
+
+        // Make 'fo' bold, with style=".."
+        range.setStart(divElm.childNodes[0], 0);
+        range.setEnd(divElm.childNodes[0], 2);
+        document.execCommand('bold');
+        report();
+
+        document.execCommand('styleWithCSS', false, 'false');
+
+        // Make 'ar' bold, with <b>
+        range.setStart(divElm.childNodes[1], 2);
+        range.setEnd(divElm.childNodes[1], 4);
+        document.execCommand('bold');
+        report();
+    });
+</script>
diff --git a/Tests/LibWeb/Text/input/Editing/execCommand-useCSS.html b/Tests/LibWeb/Text/input/Editing/execCommand-useCSS.html
new file mode 100644
index 00000000000..450544be737
--- /dev/null
+++ b/Tests/LibWeb/Text/input/Editing/execCommand-useCSS.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<script src="../include.js"></script>
+<div contenteditable="true">foobar</div>
+<script>
+    test(() => {
+        const range = document.createRange();
+        getSelection().addRange(range);
+
+        const divElm = document.querySelector('div');
+        const report = () => println(`Div contents: "${divElm.innerHTML}" bold state: ${document.queryCommandState('bold')}`);
+        report();
+
+        println(`useCSS supported: ${document.queryCommandSupported('useCSS')}`);
+        document.execCommand('useCSS', false, 'false');  // NOTE: false means "use CSS"
+
+        // Make 'fo' bold, with style=".."
+        range.setStart(divElm.childNodes[0], 0);
+        range.setEnd(divElm.childNodes[0], 2);
+        document.execCommand('bold');
+        report();
+
+        document.execCommand('useCSS', false, 'true');
+
+        // Make 'ar' bold, with <b>
+        range.setStart(divElm.childNodes[1], 2);
+        range.setEnd(divElm.childNodes[1], 4);
+        document.execCommand('bold');
+        report();
+    });
+</script>
