Solved

CSS HTML Aligning Multiple Controls on a Line

Posted on 2013-06-10
4
311 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
  • 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
How to use embargo Date/time in php 29 39
Html5 Index on a table 7 26
CSS: Making responsive table look nicer 7 27
How do I pull the base url for use in html links 7 23
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

777 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