CSS: Align two DIVs on opposite sides on a single line
-
Hi, I want to place two different segments of text on top a table. Both segments must be aligned at opposite borders (i.e. left align and right align). I don't want them to be aligned with any column inside the table but just with the overall width of the table. This is the code I started to play with, but the two segments don't want to be placed on the same line! >:-( <div id="container" style="width:100%;"> <div style="display: inline; width: 100%;"> <div style="border: 1px solid;">Select all columns</div> <div style="border: 1px solid; text-align: right;">Number of Pages...1 2 3</div> </div> <table style="width: 100%; border: 1px solid;"> <tr> <th>Column1</th> <th>Column2</th> <th>ColumnN</th> </tr> <tr> <td>Data column 1</td> <td>DATA column 2</td> <td>Data COLUMN 3</td> </tr> </table> </div>
-
Answer:
Hi charro2000-ga, The resolution to your question simply requires a change to the containing elements for those two segments of text. Since the <div> element is meant to consume an entire row, I have changed the code you provided to use another table containing one row and two cells. Within each of the cells, you can set a property which correctly aligns each of the segments of text. The adjusted code is provided below: <HTML> <BODY> <div id="container" style="width:100%;"> <table style="width: 100%; border: 0px solid;"> <tr> <td align=left>Select all columns</td> <td align=right>Number of Pages...1 2 3</td> </tr> </table> <table style="width: 100%; border: 1px solid;"> <tr> <th>Column1</th> <th>Column2</th> <th>ColumnN</th> </tr> <tr> <td>Data column 1</td> <td>DATA column 2</td> <td>Data COLUMN 3</td> </tr> </table> </div> </BODY> </HTML> If you have any questions or concerns regarding the answer provided above, please don't hesitate to ask for a clarification. Cheers, answerguru-ga
charro2000-ga at Google Answers Visit the source
Related Q & A:
- How to pass multiple parameters in a single Ajax function?Best solution by stackoverflow.com
- How to merge multiple CSV files into a single CSV file?Best solution by solveyourtech.com
- How to forward e-mail to a group from a single e-mail address?Best solution by Webmasters
- Is it possible to be a travel nurse when your a single mom of 1 child?Best solution by Yahoo! Answers
- Can a person have more than two alleles for a single gene?Best solution by answers.yahoo.com
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.