How can I remove this invisible <div>? HTML, CSS

Coding Help
,
1

For some reason I have an invisible div.

image

The code is:

<div
      style="
  margin-left: -980px;
  margin-top: -160px;
  position: fixed;
top: 1080px;
bottom: 1;
  left: 0;
  font: normal 26px/30px Arial, Helvetica, sans-serif;
  "
      class="w3-container"
    >
      <div class="header">
        <nav>
          <ul class="cf">
            <li>
              <a
                align="center"
                class="dropdown"
                onclick="window.location.reload()"
                rel="nofollow noopener"
                href="#"
                >⟳</a
              >
            </li>
          </ul>
        </nav>
      </div>
      <p></p>
    </div>

I want to remove the div but keep the actual ⟳ button. Apparently they’re linked.

Full Page:

image
image1919×974 11 KB

I tried removing the div, but it also removed the ⟳ button which I want to keep there,

Thanks!

2

Hey @HK420,

The div you’re talking about (with the class of w3-container) contains the ⟳button, so removing the div would remove the button as well. In case you’re wondering, this is the div:

Screenshot_20200823_082629
Screenshot_20200823_082629716×764 103 KB

I don’t see anything wrong with having the div, but in case you would like to remove the div without removing the button, you can replace the code you posted above with this:

      <div class="header">
        <nav>
          <ul class="cf">
            <li>
              <a
                align="center"
                class="dropdown"
                onclick="window.location.reload()"
                rel="nofollow noopener"
                href="#"
                >⟳</a
              >
            </li>
          </ul>
        </nav>
      </div>
      <p></p>

Hope it helps!

4 Likes