Solved

CSS HTML Aligning Multiple Controls on a Line

Posted on 2013-06-10
4
309 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 9

Expert Comment

by:Ishaan Rawat
Comment Utility
can you please post a screenshot of what you want....
0
 
LVL 33

Accepted Solution

by:
paulmacd earned 500 total points
Comment Utility
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 9

Expert Comment

by:Ishaan Rawat
Comment Utility
0
 

Author Closing Comment

by:ws11
Comment Utility
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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

This article discusses four methods for overlaying images in a container on a web page
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

771 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now