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 How to Make a Website Adding Pages to a Website Style New Pages

Nicholas Tan
Nicholas Tan
608 Points
Posted by Nicholas Tan
Nicholas Tan
608 Points

about page

hi nick, as for the about page i want to have the picture on the left of the browser page while the text be on the right side next to the picture, how will i be able to do this?

2 Answers

Noah Liddle
Noah Liddle
1,187 Points

Hi,

Simply float both elements left, with images first, then the text and it should display side-by-side. You'll have to play with the CSS a bit to get it work properly, but that's the basics.

Nicholas Tan
Nicholas Tan
608 Points
Nicholas Tan
Nicholas Tan
608 Points

hi thanks for that, now the pic and the text have been moved to the left side of the browser, how can i push it to the center of the page and still keep it side by side? please help

Noah Liddle
Noah Liddle
1,187 Points
Noah Liddle
Noah Liddle
1,187 Points

'un-float' the elements and then add the following code to your CSS: 

  .profile-photo {
    float: left;
    margin: 0 5% 80px 0;
  }