This week's book giveaway is in the Java 8 forum.
We're giving away four copies of Java 8 in Action and have Raoul-Gabriel Urma, Mario Fusco, and Alan Mycroft 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 Java 8 in Action this week in the Java 8 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: 60076

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]
jQuery in Action, 2nd edition
subject: CSS Alignment Doubt
Similar Threads
float property is not working properly
HTML/CSS: Div doesn't expand to hold floated elements
Float problem
exchanging values from right to left on button click
Datatable with scrollbar in JSF