Solved

CSS HTML Aligning Multiple Controls on a Line

Posted on 2013-06-10
4
313 Views
Last Modified: 2013-06-10
How can you align a dropdownbox and label centered on a line and on the same line have a button align to the right?  Some browsers will align the dropdownbox as center and ignore the label while others will align both center.  Or it may be the button is pushing the label and dropdown to the left since it is on the same line.
0
Comment
Question by:ws11
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 10

Expert Comment

by:Ishaan Rawat
ID: 39234767
can you please post a screenshot of what you want....
0
 
LVL 34

Accepted Solution

by:
Paul MacDonald earned 500 total points
ID: 39234788
Two ways I can think of:
1) Create two adjacent DIVs, one with center alignment and one with right alignment, or
2) Create a table with two cells, one with center alignment and one with right alignment.
0
 
LVL 10

Expert Comment

by:Ishaan Rawat
ID: 39234798
0
 

Author Closing Comment

by:ws11
ID: 39234910
It will not work if both are on the same line since the button will naturally push the drop down over to the left.  I did use two divs though and let the button float right on the next line.
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

733 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question