# Placing text next to my Nav bar

**URL:** <https://forum.freecodecamp.org/t/placing-text-next-to-my-nav-bar/22422>\
**Category:** General\
**Created:** [July 24, 2016, 1:16am UTC](https://forum.freecodecamp.org/t/placing-text-next-to-my-nav-bar/22422 "2016-07-24T01:16:22Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aurorikin](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aurorikin/32/4851_2.png) [@Aurorikin](https://forum.freecodecamp.org/u/Aurorikin)\
**Post date:** [July 24, 2016, 1:16am UTC](https://forum.freecodecamp.org/t/placing-text-next-to-my-nav-bar/22422/1 "2016-07-24T01:16:22Z")

</div>

Alright so I realize this information has to be out there already but I am having trouble finding it or perhaps I have found it and I am not understanding it. I’ve googled and did a search on these forums. My issue is, I have a vertical nav bar along the left side of my page and I want text (my main content, really) to be on the right of that and no matter what my text ends up below that vertical nav box.

My first idea was to group my paragraphs in a

 with the nav bar and in the css file assign them as display: inline-block; but that didn’t do anything and since I’ve tried a million things without producing the results Im looking for. Can anyone point me in the right direction or just outright tell me what to do?

---

<div class="post-metadata">

**Author:** ![sethkoch](https://avatars.discourse-cdn.com/v4/letter/s/d6d6ee/32.png) [@sethkoch](https://forum.freecodecamp.org/u/sethkoch)\
**Post date:** [July 24, 2016, 2:08am UTC](https://forum.freecodecamp.org/t/placing-text-next-to-my-nav-bar/22422/2 "2016-07-24T02:08:14Z")

</div>

Do you have a link to the code?

---

<div class="post-metadata">

**Author:** ![Aurorikin](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aurorikin/32/4851_2.png) [@Aurorikin](https://forum.freecodecamp.org/u/Aurorikin)\
**Post date:** [July 26, 2016, 10:14pm UTC](https://forum.freecodecamp.org/t/placing-text-next-to-my-nav-bar/22422/3 "2016-07-26T22:14:35Z")

</div>

I don’t have a link to the code but I could copy and paste it into these forums. Im just not entirely certain how much code to give you. It doesn’t seem appropriate to post the entire html and entire css files but I don’t know what would be appropriate?

---

<div class="post-metadata">

**Author:** ![JacksonBates](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jacksonbates/32/123402_2.png) [@JacksonBates](https://forum.freecodecamp.org/u/JacksonBates)\
**Post date:** [July 26, 2016, 10:37pm UTC](https://forum.freecodecamp.org/t/placing-text-next-to-my-nav-bar/22422/4 "2016-07-26T22:37:52Z")

</div>

You could make a quick example at [http://codepen.io](http://codepen.io)

---

<div class="post-metadata">

**Author:** ![Aurorikin](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aurorikin/32/4851_2.png) [@Aurorikin](https://forum.freecodecamp.org/u/Aurorikin)\
**Post date:** [July 26, 2016, 10:56pm UTC](https://forum.freecodecamp.org/t/placing-text-next-to-my-nav-bar/22422/5 "2016-07-26T22:56:17Z")

</div>

Good idea, thank you! Here it is: [http://codepen.io/Aurorikin/pen/GqGjGX](http://codepen.io/Aurorikin/pen/GqGjGX) So I’m looking to make the text go to the right of the vertical nav bar and below the horizontal nav bar

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [January 16, 2021, 4:40am UTC](https://forum.freecodecamp.org/t/placing-text-next-to-my-nav-bar/22422/6 "2021-01-16T04:40:42Z")

</div>

Closed on January 16, 2021, 4:40am UTC