Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Paul Murphy
Paul Murphy
6,162 Points

Aligning content

Hi guys please see this image:

http://i1285.photobucket.com/albums/a588/paul-masteel/people-pvs_zps8ec3425b.jpg

I want all of the content to be vertically aligned without the anchored email over spilling onto the next line.

How can I achieve this?

Thanks

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

just give me the result you want, i'm not clearly understand the final result you want.

Paul Murphy
Paul Murphy
6,162 Points

Hi Navid, please see this

http://i1285.photobucket.com/albums/a588/paul-masteel/people-pvs-result_zps7d479445.jpg

The white block is where the content starts I want the anchor element to flow in the same vertical space

Navid Mirzaie Milani
Navid Mirzaie Milani
6,274 Points

soo in the middle of the white block you mean?

Paul Murphy
Paul Murphy
6,162 Points

Navid Mirzaie Milani to start the email at the left of the block.

1 Answer

Steven Parker
Steven Parker
243,318 Points
Steven Parker
Steven Parker
243,318 Points

The "old-school" approach, and perhaps still the easiest, would be to put these things in a table. Then each item is contained in it's own cell, and the cells in each column align vertically without having to specify widths.

Paul Murphy
Paul Murphy
6,162 Points

Hi Steven, will look into doing this and get back to you.