How to align a label and button at baseline?
<p>Id like to place a label and a button (and a text field) in a horizontal layout. This works, but the baselines are unaligned. How to fix that?</p>

<p><a href="https://i.stack.imgur.com/0VBAG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0VBAG.png" alt="Baselines are unaligned"></a></p>

<p>The expected result is that the red lines (baselines of each control) are at the same height.</p>

<p>This is the FXML:</p>

<pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;

&lt;?import javafx.scene.control.Button?&gt;
&lt;?import javafx.scene.control.Label?&gt;
&lt;?import javafx.scene.control.TextField?&gt;
&lt;?import javafx.scene.layout.HBox?&gt;

&lt;HBox prefHeight="100.0" prefWidth="400.0" spacing="10.0" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1"&gt;
   &lt;children&gt;
      &lt;Label text="Label" /&gt;
      &lt;Button mnemonicParsing="false" text="Button" /&gt;
      &lt;TextField text="Lorem Ipsum" /&gt;
   &lt;/children&gt;
&lt;/HBox&gt;
</code></pre>