Daniel Smirnov Daniel Smirnov - 4 months ago 8
CSS Question

Place navbar above <p> element and image

I have this nav bar formatting on my webpage. Desired Format But I would like it to look like this.The navbar is above the image and corresponding paragraph element. Desired Format

The picture is the figure element. Here's the index.html and css file. Thanks!


The problem is you have wrapped the image in nav just put it outside.

Here is your desired menu Working Fiddle

 <nav id="mainnav">
      <a href="index.html">Home</a> |
      <a href="aboutus.html">About Us</a> |
      <a href="rooms.html">Rooms</a> |
      <a href="reserve.html">Reservations</a> |
      <a href="#" target="_blank">Local Weather</a> |
      <a href="#" target="_blank">Directions</a>
  <figure id="main">
    <img src="http://arabland.cc/css/images/testimonial-bg.jpg" width="369" height="268" alt=""/>