The text is NOT arranged on the right side of the nav


#1


https://www.codecademy.com/courses/make-a-website/lessons/bootstrap/exercises/header-nav?action=lesson_resume&link_content_target=interstitial_lesson

The text is NOT arranged on the right side of the nav, even when the webpage is expanded.


<!DOCTYPE html>
<html>
<head>
  <title>Skillfair</title>
  <meta charset="utf-8"/>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
  <header class="container">
    <div class="row">
      <h1 class="col-sm-4">Skillfair</h1>
      <nav class="col-sm-8 text-right">
        <p>newest</p>
        <p>catalogue</p>
        <p>contact</p>
      </nav> 
    </div>
  </header>


</body>
</html>


#2

text-right is to align text right, but paragraph are block level elements, not text


#3

Then why do instructions tell me to do so? How do I align my paragraph elements to the right with bootstrap?


#4

i can't answer that, i can't accesses the lesson (i have done the old html and css course), the only way i can answer that is if you copy the full instructions + information of the exercise in right column to the forum

I would say you need to apply text-right class to the paragraph elements


#5

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.