In navigation bar icon and paragraph in 1 line

Issue

How i can have p and icon in navigation bar like this position icon and paragraph in same line

Solution

first of all you should write display flex for your li and write align items baseline like this code : icons from fontawesome

               <div class="navbar">
                  <ul class="navitem">
                     <li class="navlist"><i class="fa fa-home"></i></li>
                     <li class="navlist"><P>Home</P></li>
                  </ul>
               </div>





                .navbar{
                background-color: pink;
                                        }
             .navitem{
             list-style-type: none;
             align-items: baseline;
             display: flex;

                                  }
             .navlist{
              padding: 3px;}
                                  

Answered By - Erfan121