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 trialNicholas Tan
608 Pointsabout 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
1,187 PointsHi,
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.
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;
}
Nicholas Tan
608 PointsNicholas Tan
608 Pointshi 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