[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 73
  • Last Modified:

Align Buttons next to each other

Hi all,
I have three buttons on a page and placed them next to each other in one row essentially; but when I run it the third button gets moved underneath of the first two buttons.

Here is the code:
<a class="btn btn-default" href="frmSERVER_DETAILS.aspx.vb" target="_blank">Add New Server &raquo;</a>
                <a class="btn btn-default" href="frmSERVER_DETAILS.aspx.vb" target="_blank">Edit Selected Server &raquo;</a>
                <a class="btn btn-default" href="frmSERVER_DETAILS.aspx.vb" target="_blank" style="color: #FFFFFF; background-color: #800000">Delete Selected Server &raquo;</a>
                

Open in new window


Screen shot of button positioning
0
Thunder724
Asked:
Thunder724
1 Solution
 
James BilousSoftware EngineerCommented:
The container that holds the buttons is not wide enough for the three to be on the same line. Have you tried increasing its width?
1
 
Thunder724Author Commented:
I changed the style of the container to be fixed.  Thank you for your help.
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now