CODEWITHSUNDEEP
htmlcss
user8190367
user8190367

Reputation: 13

How to remove padding from images

 * {

}

 body {
  margin: 0;
  text-align: center;
}


/*  =====Header===== */
 header {
  display: inline;

}

 .logo {
  background-color: #dedede;
  display: inline;
  float: left;
}
  <header>
      <div class="navContainer">
        <a href=#>
          <img src="https://i.imgur.com/1fsTc5I.png" alt="headLogo" class="logo">
        </a>
      </div>
          <nav>
              <li><a href="index.html">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#projects">Projects</a></li>
              <li><a href="#contact">Contact</a></li>
          </nav>
    </header>

So I have an image and it seems to me it has a padding of 32px around it and I dont want it, I already tried padding: 0; padding: 0!important; I am getting frustrated please help me mates! I added a background of gray so you can see the padding of the image

{Edit I added a background so you can see the padding}

Upvotes: 0

Views: 1044

Answers (1)

JoshTheGray
JoshTheGray

Reputation: 117

If you look under the "Computed" tab when accessing dev-tools, you'll see this image has no padding at all. You just need to use photoshop to remove the extra white space around your text in the image, and you should be fine.

Upvotes: 2

Related Questions