<!DOCTYPE html> <style> div { color: red; } div::first-line { color: green } #y { display: inline-block; } </style> <div id="x"><span id="y">This should be </span></div> <script> x.offsetWidth; var span = document.createElement('span'); span.textContent = 'green'; y.appendChild(span); </script>