diff --git a/changelog_unreleased/html/19304.md b/changelog_unreleased/html/19304.md
new file mode 100644
index 000000000..aa83a9385
--- /dev/null
+++ b/changelog_unreleased/html/19304.md
@@ -0,0 +1,16 @@
+#### Keep an inline comment attached to the preceding node (#19304 by @kovsu)
+
+<!-- prettier-ignore -->
+```html
+<!-- Input -->
+<p><b>x</b><!-- comment --></p>
+
+<!-- Prettier stable -->
+<p>
+  <b>x</b
+  ><!-- comment -->
+</p>
+
+<!-- Prettier main -->
+<p><b>x</b><!-- comment --></p>
+```
diff --git a/src/language-html/print/children.js b/src/language-html/print/children.js
index 9658f2303..05cadf7fb 100644
--- a/src/language-html/print/children.js
+++ b/src/language-html/print/children.js
@@ -126,6 +126,18 @@ function printBetweenLine(prevNode, nextNode) {
     return "";
   }
 
+  /**
+   *     <div>{{ x }}<!-- comment --></div>
+   *                 ~
+   */
+  if (
+    nextNode.kind === "comment" &&
+    nextNode.isLeadingSpaceSensitive &&
+    !nextNode.hasLeadingSpaces
+  ) {
+    return softline;
+  }
+
   if (
     !nextNode.isLeadingSpaceSensitive ||
     preferHardlineAsLeadingSpaces(nextNode) ||
diff --git a/tests/format/angular/angular/__snapshots__/format.test.js.snap b/tests/format/angular/angular/__snapshots__/format.test.js.snap
index 60eab7b43..14e52ad65 100644
--- a/tests/format/angular/angular/__snapshots__/format.test.js.snap
+++ b/tests/format/angular/angular/__snapshots__/format.test.js.snap
@@ -3018,10 +3018,8 @@ parsers: ["angular"]
 }}
 <span
   ><!--
---><span>{{ a }}</span
-  ><!--
---><span>{{ b }}</span
-  ><!--
+--><span>{{ a }}</span><!--
+--><span>{{ b }}</span><!--
 --></span>
 <span>
   {{ aNormalValue | aPipe }}:
@@ -3745,10 +3743,8 @@ trailingComma: "es5"
 }}
 <span
   ><!--
---><span>{{ a }}</span
-  ><!--
---><span>{{ b }}</span
-  ><!--
+--><span>{{ a }}</span><!--
+--><span>{{ b }}</span><!--
 --></span>
 <span>
   {{ aNormalValue | aPipe }}:
@@ -3919,10 +3915,8 @@ trailingComma: "none"
 }}
 <span
   ><!--
---><span>{{ a }}</span
-  ><!--
---><span>{{ b }}</span
-  ><!--
+--><span>{{ a }}</span><!--
+--><span>{{ b }}</span><!--
 --></span>
 <span>
   {{ aNormalValue | aPipe }}:
diff --git a/tests/format/html/comments/__snapshots__/format.test.js.snap b/tests/format/html/comments/__snapshots__/format.test.js.snap
index 054e74bdc..5e5e8c6ab 100644
--- a/tests/format/html/comments/__snapshots__/format.test.js.snap
+++ b/tests/format/html/comments/__snapshots__/format.test.js.snap
@@ -166,6 +166,146 @@ parsers: ["html"]
 ================================================================================
 `;
 
+exports[`comment-after-element.html - {"htmlWhitespaceSensitivity":"ignore"} format 1`] = `
+====================================options=====================================
+htmlWhitespaceSensitivity: "ignore"
+parsers: ["html"]
+                                                      printWidth: 80 (default) |
+=====================================input======================================
+<p><b>x</b><!-- glued comment --></p>
+<p><b>x</b> <!-- comment with leading space --></p>
+<p><span>hello</span><!-- a comment that is quite long enough to wrap around the line --></p>
+<p>text<!-- glued comment after text --></p>
+
+=====================================output=====================================
+<p>
+  <b>x</b>
+  <!-- glued comment -->
+</p>
+<p>
+  <b>x</b>
+  <!-- comment with leading space -->
+</p>
+<p>
+  <span>hello</span>
+  <!-- a comment that is quite long enough to wrap around the line -->
+</p>
+<p>
+  text
+  <!-- glued comment after text -->
+</p>
+
+================================================================================
+`;
+
+exports[`comment-after-element.html - {"htmlWhitespaceSensitivity":"strict"} format 1`] = `
+====================================options=====================================
+htmlWhitespaceSensitivity: "strict"
+parsers: ["html"]
+                                                      printWidth: 80 (default) |
+=====================================input======================================
+<p><b>x</b><!-- glued comment --></p>
+<p><b>x</b> <!-- comment with leading space --></p>
+<p><span>hello</span><!-- a comment that is quite long enough to wrap around the line --></p>
+<p>text<!-- glued comment after text --></p>
+
+=====================================output=====================================
+<p><b>x</b><!-- glued comment --></p>
+<p
+  ><b>x</b>
+  <!-- comment with leading space --></p
+>
+<p
+  ><span>hello</span
+  ><!-- a comment that is quite long enough to wrap around the line --></p
+>
+<p>text<!-- glued comment after text --></p>
+
+================================================================================
+`;
+
+exports[`comment-after-element.html - {"printWidth":"Infinity"} format 1`] = `
+====================================options=====================================
+parsers: ["html"]
+printWidth: Infinity
+=====================================input======================================
+<p><b>x</b><!-- glued comment --></p>
+<p><b>x</b> <!-- comment with leading space --></p>
+<p><span>hello</span><!-- a comment that is quite long enough to wrap around the line --></p>
+<p>text<!-- glued comment after text --></p>
+
+=====================================output=====================================
+<p><b>x</b><!-- glued comment --></p>
+<p>
+  <b>x</b>
+  <!-- comment with leading space -->
+</p>
+<p><span>hello</span><!-- a comment that is quite long enough to wrap around the line --></p>
+<p>text<!-- glued comment after text --></p>
+
+================================================================================
+`;
+
+exports[`comment-after-element.html - {"printWidth":1} format 1`] = `
+====================================options=====================================
+parsers: ["html"]
+printWidth: 1
+ | printWidth: 1
+=====================================input======================================
+<p><b>x</b><!-- glued comment --></p>
+<p><b>x</b> <!-- comment with leading space --></p>
+<p><span>hello</span><!-- a comment that is quite long enough to wrap around the line --></p>
+<p>text<!-- glued comment after text --></p>
+
+=====================================output=====================================
+<p>
+  <b
+    >x</b
+  ><!-- glued comment -->
+</p>
+<p>
+  <b
+    >x</b
+  >
+  <!-- comment with leading space -->
+</p>
+<p>
+  <span
+    >hello</span
+  ><!-- a comment that is quite long enough to wrap around the line -->
+</p>
+<p>
+  text<!-- glued comment after text -->
+</p>
+
+================================================================================
+`;
+
+exports[`comment-after-element.html format 1`] = `
+====================================options=====================================
+parsers: ["html"]
+                                                      printWidth: 80 (default) |
+=====================================input======================================
+<p><b>x</b><!-- glued comment --></p>
+<p><b>x</b> <!-- comment with leading space --></p>
+<p><span>hello</span><!-- a comment that is quite long enough to wrap around the line --></p>
+<p>text<!-- glued comment after text --></p>
+
+=====================================output=====================================
+<p><b>x</b><!-- glued comment --></p>
+<p>
+  <b>x</b>
+  <!-- comment with leading space -->
+</p>
+<p>
+  <span>hello</span
+  ><!-- a comment that is quite long enough to wrap around the line -->
+</p>
+<p>text<!-- glued comment after text --></p>
+
+================================================================================
+`;
+
 exports[`conditional.html - {"htmlWhitespaceSensitivity":"ignore"} format 1`] = `
 ====================================options=====================================
 htmlWhitespaceSensitivity: "ignore"
@@ -1626,26 +1766,20 @@ See console log:
 --></ul>
 <span
   ><!--
---><span>a</span
-  ><!--
---><span>b</span
-  ><!--
+--><span>a</span><!--
+--><span>b</span><!--
 --></span>
 
 <span
   ><!-- 1
---><span>a</span
-  ><!-- 2
---><span>b</span
-  ><!-- 3
+--><span>a</span><!-- 2
+--><span>b</span><!-- 3
 --></span>
 
 <span
   ><!--
-1 --><span>a</span
-  ><!--
-2 --><span>b</span
-  ><!--
+1 --><span>a</span><!--
+2 --><span>b</span><!--
 3 --></span
 >
 
@@ -1764,26 +1898,20 @@ See console log:
 --></ul>
 <span
   ><!--
---><span>a</span
-  ><!--
---><span>b</span
-  ><!--
+--><span>a</span><!--
+--><span>b</span><!--
 --></span>
 
 <span
   ><!-- 1
---><span>a</span
-  ><!-- 2
---><span>b</span
-  ><!-- 3
+--><span>a</span><!-- 2
+--><span>b</span><!-- 3
 --></span>
 
 <span
   ><!--
-1 --><span>a</span
-  ><!--
-2 --><span>b</span
-  ><!--
+1 --><span>a</span><!--
+2 --><span>b</span><!--
 3 --></span
 >
 
@@ -2054,26 +2182,20 @@ See console log:
 --></ul>
 <span
   ><!--
---><span>a</span
-  ><!--
---><span>b</span
-  ><!--
+--><span>a</span><!--
+--><span>b</span><!--
 --></span>
 
 <span
   ><!-- 1
---><span>a</span
-  ><!-- 2
---><span>b</span
-  ><!-- 3
+--><span>a</span><!-- 2
+--><span>b</span><!-- 3
 --></span>
 
 <span
   ><!--
-1 --><span>a</span
-  ><!--
-2 --><span>b</span
-  ><!--
+1 --><span>a</span><!--
+2 --><span>b</span><!--
 3 --></span
 >
 
diff --git a/tests/format/html/comments/comment-after-element.html b/tests/format/html/comments/comment-after-element.html
new file mode 100644
index 000000000..bd7bd6a34
--- /dev/null
+++ b/tests/format/html/comments/comment-after-element.html
@@ -0,0 +1,4 @@
+<p><b>x</b><!-- glued comment --></p>
+<p><b>x</b> <!-- comment with leading space --></p>
+<p><span>hello</span><!-- a comment that is quite long enough to wrap around the line --></p>
+<p>text<!-- glued comment after text --></p>
diff --git a/tests/format/html/prettier_ignore/__snapshots__/format.test.js.snap b/tests/format/html/prettier_ignore/__snapshots__/format.test.js.snap
index ab41a2149..f2666c59d 100644
--- a/tests/format/html/prettier_ignore/__snapshots__/format.test.js.snap
+++ b/tests/format/html/prettier_ignore/__snapshots__/format.test.js.snap
@@ -12,8 +12,7 @@ parsers: ["html"]
 =====================================output=====================================
 123<!--prettier-ignore-->456
 
-<span></span
-><!--prettier-ignore--><span></span>
+<span></span><!--prettier-ignore--><span></span>
 
 ================================================================================
 `;
diff --git a/tests/format/vue/interpolation/__snapshots__/format.test.js.snap b/tests/format/vue/interpolation/__snapshots__/format.test.js.snap
index 87bf5437b..1923c8a0e 100644
--- a/tests/format/vue/interpolation/__snapshots__/format.test.js.snap
+++ b/tests/format/vue/interpolation/__snapshots__/format.test.js.snap
@@ -40,6 +40,41 @@ parsers: ["vue"]
 ================================================================================
 `;
 
+exports[`comment-after-interpolation.vue format 1`] = `
+====================================options=====================================
+parsers: ["vue"]
+                                                      printWidth: 80 (default) |
+=====================================input======================================
+<template>
+  <legend>{{ $t('package') }}<!-- #238 --></legend><!-- this gets ugly -->
+
+  <legend>{{ $t('package') }}</legend> <!-- this is ok -->
+
+  <legend>{{ $t('package') }}<!-- comment after interpolation comment after interpolation --></legend>
+
+  <legend><b>inline</b>{{ $t('package') }}<!-- glued comment --></legend>
+</template>
+
+=====================================output=====================================
+<template>
+  <legend>{{ $t("package") }}<!-- #238 --></legend>
+  <!-- this gets ugly -->
+
+  <legend>{{ $t("package") }}</legend>
+  <!-- this is ok -->
+
+  <legend>
+    {{
+      $t("package")
+    }}<!-- comment after interpolation comment after interpolation -->
+  </legend>
+
+  <legend><b>inline</b>{{ $t("package") }}<!-- glued comment --></legend>
+</template>
+
+================================================================================
+`;
+
 exports[`parenthesized.vue format 1`] = `
 ====================================options=====================================
 parsers: ["vue"]
diff --git a/tests/format/vue/interpolation/comment-after-interpolation.vue b/tests/format/vue/interpolation/comment-after-interpolation.vue
new file mode 100644
index 000000000..b91679b66
--- /dev/null
+++ b/tests/format/vue/interpolation/comment-after-interpolation.vue
@@ -0,0 +1,9 @@
+<template>
+  <legend>{{ $t('package') }}<!-- #238 --></legend><!-- this gets ugly -->
+
+  <legend>{{ $t('package') }}</legend> <!-- this is ok -->
+
+  <legend>{{ $t('package') }}<!-- comment after interpolation comment after interpolation --></legend>
+
+  <legend><b>inline</b>{{ $t('package') }}<!-- glued comment --></legend>
+</template>