Setting text just beneath another text

user_13910678 0
Viewed 50

I want the paragraph lie just beneath my navbar brand.

<nav class="navbar bg-dark">
    <a class="navbar-brand"href="index.html">Shop online</a>
    <p>Shop from home</p>
</nav>

I applied following css but it not going well

nav p {
    font-size: .9em;
    color: #ffffff;
    position: relative;
    top: 3.5vh;
    right: 182vh;
    margin-top: 1vh;
}
css html
3 Answers
user_52144520

Please try this

nav p{
 font-size:.9em;
 color: #111;
 position: absolute;
 top:60px;
 left:15px;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<nav class="navbar bg-dark">
    <a class="navbar-brand"href="index.html">Shop online</a>
    <p class="d-block float-left">Shop from home</p>
</nav>

user_133686580

Place your paragraph tag below the nav tag. Like this:

<nav class="navbar bg-dark">
<a class="navbar-brand"href="index.html">Shop online</a>
</nav>
<p>Shop from home</p>

Now it will be displayed below the navbar.

user_115584940
Related