insertion-in-first-line-4.html

Enable keyboard shortcuts

<!DOCTYPE html>

<style>

  div { color: red; }

  div::first-line { color: green }

</style>

<div id="x"><span id="y">green</span></div>

<script>

  x.offsetWidth;

  var span = document.createElement('span');

  span.textContent = 'This should be ';

  x.insertBefore(span, y);

</script>