Title: Move a button
Last modified: October 19, 2016

---

# Move a button

 *  [DHewitt](https://wordpress.org/support/users/dhewitt/)
 * (@dhewitt)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/move-a-button/)
 * How would I move button 2 beside button 1 on this page?
 * [http://belfastuberdriver.com/](http://belfastuberdriver.com/)
 * The buttons are embedded in the ‘content’ section of a widget.
 * The theme is ‘Stout’
 * Thanks
    -  This topic was modified 9 years, 7 months ago by [DHewitt](https://wordpress.org/support/users/dhewitt/).
    -  This topic was modified 9 years, 7 months ago by [DHewitt](https://wordpress.org/support/users/dhewitt/).
    -  This topic was modified 9 years, 7 months ago by [DHewitt](https://wordpress.org/support/users/dhewitt/).

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/)
 * (@crouchingbruin)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/move-a-button/#post-8331478)
 * Did you put the buttons in paragraph tags like this:
 *     ```
       <p>Get paid weekly driving for Uber, guaranteed income. Drive when you like, as much as you like.</p>
       <p><a href="/contact/" class="button">Button 1</a></p>
       <p><a href="/contact/" class="button">Button 2</a></p>
       ```
   
 * Or did you check the box that’s labeled **Automatically add paragraphs**? If 
   you checked the box, uncheck it, and enter this into the text widget instead:
 *     ```
       <style>.button-container {display:inline-block; float: left;margin-right:20px;}</style>
       <p>Get paid weekly driving for Uber, guaranteed income. Drive when you like, as much as you like.</p>
       <div class="button-container"><a href="/contact/" class="button">Button 1</a></div>
       <div class="button-container"><a href="/contact/" class="button">Button 2</a></div>
       ```
   
 * So the problem was that because the checkbox was marked to automatically add 
   paragraphs, WordPress would enclose the button elements in paragraph tags, which
   are block elements, and because there were no classes associated with those tags,
   it was difficult to change the display type to inline block.
    -  This reply was modified 9 years, 7 months ago by [CrouchingBruin](https://wordpress.org/support/users/crouchingbruin/).
 *  Thread Starter [DHewitt](https://wordpress.org/support/users/dhewitt/)
 * (@dhewitt)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/move-a-button/#post-8334301)
 * Yes thats what was in the widget content box. Tried your suggestion and it worked,
   thanks!
 * I also added – margin-top:10px – so that in phone mode there is a gap between
   the buttons.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Move a button’ is closed to new replies.

 * 2 replies
 * 2 participants
 * Last reply from: [DHewitt](https://wordpress.org/support/users/dhewitt/)
 * Last activity: [9 years, 7 months ago](https://wordpress.org/support/topic/move-a-button/#post-8334301)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics