title: I want my button not in the same row as my choose buttons in my gui? How will I do that?
body: <p>How do I add a break to put my &quot;Make pokemon&quot; buttons and textarea not in the same row as my &quot;Pokemon choice.&quot; I'm trying to put an empty JLabel, but I don't think it works.</p>
  <pre><code>public class PokemonPanel extends JPanel {
  
   private JLabel lTitle = new JLabel(&quot;Pokemon&quot;);
   private JLabel lMsg = new JLabel(&quot;                &quot;);
     private JButton bDone = new JButton(&quot; Make Pokemon &quot;);
     private JButton bClear = new JButton(&quot; Clear &quot;);
  
     private JPanel topSubPanel = new JPanel();
     private JPanel centerSubPanel = new JPanel();
     private JPanel bottomSubPanel = new JPanel();
     private GUIListener listener = new GUIListener();
     private Choice chSpe = new Choice();
     private JLabel lEmp = new JLabel(&quot;                &quot;);
     private PokemonGUILizylf st;
     private final int capacity = 10;
     private PokemonGUILizylf[ ] stArr = new     PokemonGUILizylf[capacity];
     private int count = 0;
     private String sOut = new String(&quot;&quot;);
     private JTextArea textArea = new JTextArea(400, 500);
    private JTextArea textArea2 = new JTextArea(400, 500);
  
  
     private JScrollPane scroll = new JScrollPane(textArea,JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED,
     JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
  
  
     public PokemonPanel() {
  
    this.setLayout(new BorderLayout()); 
    this.setPreferredSize(new Dimension(400, 500));
    topSubPanel.setBackground(Color.cyan); 
    centerSubPanel.setBackground(Color.white); 
    bottomSubPanel.setBackground(Color.white); 
   
    topSubPanel.add(lTitle);
    this.add(&quot;North&quot;, topSubPanel); 
  
    JLabel lSpe = new JLabel(&quot;Pokemon Available: &quot;);
    JLabel lEmp = new JLabel(&quot;         &quot;);
    JLabel lNew = new JLabel(&quot;New Pokemon: &quot;);
  
   //add choices to the choice dropdown list
    chSpe.add(&quot;Choose&quot;);
    chSpe.add(&quot;Bulbasaur&quot;);
    chSpe.add(&quot;Venusaur&quot;);
    chSpe.add(&quot;Ivysaur&quot;);
    chSpe.add(&quot;Squirtle&quot;);
    chSpe.add(&quot;Wartortle&quot;);
    chSpe.add(&quot;Blastoise&quot;);
    chSpe.add(&quot;Charmander&quot;);
    chSpe.add(&quot;Charmeleon&quot;);
    chSpe.add(&quot;Charizard&quot;);  
   
    centerSubPanel.add(lSpe);
    centerSubPanel.add(chSpe);
    centerSubPanel.add(lEmp);
    centerSubPanel.add(bDone);
    centerSubPanel.add(lNew);
    textArea.setPreferredSize(new Dimension(500, 200));
    textArea.setEditable(false);
    textArea2.setPreferredSize(new Dimension(500, 200));
    textArea2.setEditable(false);
    
    
    textArea.setBackground(Color.white);
    textArea.setEditable(false);
    scroll.setBorder(null);
    centerSubPanel.add(scroll);  //add scrollPane to panel, textArea inside.        
    scroll.getVerticalScrollBar().setPreferredSize(new Dimension(10, 0));
    add(&quot;Center&quot;, centerSubPanel);
   
    bottomSubPanel.add(lMsg);
   
    bDone.addActionListener(listener); //add listener to button
    bottomSubPanel.add(bClear);
    bClear.addActionListener(listener); //add listener to button 
   //add bottomSubPanel sub-panel to South area of main panel      
    add(&quot;South&quot;, bottomSubPanel);     
  </code></pre>
  <p>}</p>
  <p>This is what my GUI looks like:
  <a href="https://i.stack.imgur.com/EbAw5.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>But it should show like this:
  <a href="https://i.stack.imgur.com/pCxn1.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>Can someone explain to me how I can do that?</p>