title: Underline block element with different font sizes without an interrupted line
body: <p>I am trying to underline an <code>block</code> element that contains text. The block has an <code>font-size</code> attribute and the text within the <code>block</code> is surrounded by an <code>inline</code> element which has a different <code>font-size</code> attribute. </p>
  
  <p>Is there any way to ensure, that the line resulting from the <code>text-decoration="underline"</code> of the outer block is a straight line over all the block element (without any 'gaps' - please see the attached picture) that is not changing its position with the font-size ?</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;fo:block font-size="14pt" text-decoration="underline"&gt;
      Some text
      &lt;fo:inline font-size="10pt"&gt; text with a smaller font size &lt;/fo:inline&gt;
      Another text
  &lt;/fo:block&gt;
  </code></pre>
  
  <p>My result:</p>
  
  <p><img src="https://i.stack.imgur.com/BRfVm.png" alt="Problem with undelined block with different font sizes"></p>
  
  <p>Thanks in advance! </p>