wordpress .html / .css remove space between <img> and <div>

<div class="main-navigation">

....

</div>

<img src="" width="961" height="10px" alt="greyLine">

Hi my problem is that after a div element i want to insert a img and as you can see ( in the google chrome browser developer tools screenshot )

enter image description here

Read More

enter image description here

there is a space between the red horizontal menu and the grey line.

enter image description here

I have no clue how to eliminate this space. I cannot find any
padding, Border or margin between the <div class="main-navigation"></div> and the <img> tag and to my restircted .css knowledge then there should be no space

Related posts

Leave a Reply

1 comment

  1. If you could provide a url I can give a exact answer. But….. here are some options

    1. remove the img tag and add a div with css background gradient colors as in image
    2. make img “position:absolute” and adjust the position with “top” or “margin-top”
    3. try adding margin:0, padding:0 to img tag(not sure)