[style] Text components that appear next to one another have excessively large margins between them

[jfmcquade]

For some reason it seems that most empty components are hidden, but not the last one in any sequence of empty components. I'm merging this anyway since also like this it's an improvement

Originally posted by @EsmeeIDEMS in #15 (review)

I believe these elements are displaying correctly, it's just a feature of the debug overlays that they attach to the element inside its margins. So I think the real issue is that there is too much whitespace between separate text elements that appear one after the other. This whitespace is made up of the sum of the top margin on each <plh-template-component> element and the margins around its nested child <p> element.