This week's giveaway is in the Android forum.
We're giving away four copies of Android Security Essentials Live Lessons and have Godfrey Nolan on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes CSS Alignment Doubt Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login

Win a copy of Android Security Essentials Live Lessons this week in the Android forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "CSS Alignment Doubt" Watch "CSS Alignment Doubt" New topic

CSS Alignment Doubt

yaswanth kumar

Joined: Nov 08, 2012
Posts: 1
hello friends, i have some problem in div alignments

Guys here is my problem.
<div align='center' style='text-align:center;width:100%'>

<div style='float:left;width:200px'></div>
<div style='float:left;width:200px'></div>
<div style='float:left;width:300px'></div>
<div style='float:left;width:400px'></div>
<div style='float:left;width:900px'></div>


I need the output as

The first three inner divs will be shown in first row and be in center of main div
the next div having 400px width is in second row
the remaining 900px div in 3rd row.
The second row will be center of second row.

I think you guys got my question
can you please reply fast. I am a programmer not a designer.
Thanks in advance

Bear Bibeault
Author and ninkuma

Joined: Jan 10, 2002
Posts: 60810

yaswanth kumar wrote:I think you guys got my question

Nope. What's the question?

[Asking smart questions] [Bear's FrontMan] [About Bear] [Books by Bear]
I agree. Here's the link:
subject: CSS Alignment Doubt
Similar Threads
Datatable with scrollbar in JSF
float property is not working properly
exchanging values from right to left on button click
Float problem
HTML/CSS: Div doesn't expand to hold floated elements