title: How to do I align a Button to the bottom of a VBox in FXML?
body: <p>I have some buttons inside of a <code>VBox</code>. I would like to align the last button to the bottom of the VBox. Is there any way to do this?</p>
  
  <p>I've tried <a href="https://stackoverflow.com/a/39323876/">this answer</a> but it didn't work.</p>
  
  <p>Here is my code:
  </p>
  
  <pre><code>&lt;VBox fx:id="presetVBox" prefHeight="580.0" prefWidth="180.0" style="-fx-background-color: white;"&gt;
      &lt;padding&gt;
          &lt;Insets left="10.0" right="10.0"/&gt;
      &lt;/padding&gt;
      &lt;Button fx:id="preset1Button" maxWidth="Infinity" mnemonicParsing="false"
              prefWidth="Infinity" text="Load Preset 1"&gt;
          &lt;VBox.margin&gt;
              &lt;Insets top="10.0"/&gt;
          &lt;/VBox.margin&gt;
      &lt;/Button&gt;
      &lt;Button fx:id="preset2Button" maxWidth="Infinity" mnemonicParsing="false"
              prefWidth="Infinity" text="Load Preset 2"&gt;
          &lt;VBox.margin&gt;
              &lt;Insets top="10.0"/&gt;
          &lt;/VBox.margin&gt;
      &lt;/Button&gt;
      &lt;Button fx:id="savePresetButton" maxWidth="Infinity" mnemonicParsing="false"
              prefWidth="500.0" text="Save"&gt;
          &lt;!-- This button needs to aligned to the bottom of the VBox --&gt;
          &lt;VBox.margin&gt;
              &lt;Insets top="161.0"/&gt;
          &lt;/VBox.margin&gt;
      &lt;/Button&gt;
  &lt;/VBox&gt;
  </code></pre>