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
Joshua Nolen
653 PointsHow do i move text under my heading to be in a row and not on opposite sides of the page?
I'm trying to reposition "portfolio", "about", and "contact" to where it will be on one row.
3 Answers
Carman A
7,672 PointsPlease post your code, and I'll help:)
Joshua Nolen
653 Points<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kane Nolen | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Lobster|Play:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Kane Nolen</h1> <h2>Designer</h2> </a> <nav> <ul id="gallery"> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul> <li> <a href="http://imgur.com/h0a5DCc"><img src="http://i.imgur.com/h0a5DCc.jpg" title="source: imgur.com" /></a> <p>Porche Turbos</p> </li> <a href="http://imgur.com/4SJ28C2"><img src="http://i.imgur.com/4SJ28C2.jpg" title="source: imgur.com" /></a> <p>My dream house</p> <li> <a href="http://imgur.com/XuRVqe8"><img src="http://i.imgur.com/XuRVqe8.jpg" title="source: imgur.com" /></a> <p>Experimentation with Photoshop CS6 "Marble"</p> </li> <li> <a href="http://imgur.com/CnWM6Vl"><img src="http://i.imgur.com/CnWM6Vl.png" title="source: imgur.com" /></a> <p>Experimentation with Photoshop CS6 "Magma"</p> </li> <li> <a href="http://imgur.com/iUmNxfK"><img src="http://i.imgur.com/iUmNxfK.jpg" title="source: imgur.com" /></a> <p>Experimentation with Photoshop CS6 "Space"</p> </li> </ul> </section> <footer> <p>© 2014 Kane Nolen.</p> </footer> </div> </body> </html>
Carman A
7,672 PointsTry putting 3 back-ticks on each side of the code.
Joshua Nolen
653 Pointsi tried putting 3 back-ticks on each side of the code inbetween <nav>, <ul>, and <li>. Do they have to be anchored <a> or does it matter? I've tried multiple variations and the back ticks are visible on the webpage and does not move the text
Carman A
7,672 PointsThe back-ticks don't go in-between anything, They go around the code.
```language here
code here....
3 more here
Also click on the Markdown Cheatsheet, if you haven't.