Div tag vs. ul When specifying margin, padding

HTML & CSS
1

As I understand it, you need to specify margin and padding when using ul because it has a set margin and padding by default.

.nav {
  margin: 0;
  padding: 0;
}

<ul class="nav">


  <ul class="nav">
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li><a> Audio Player</a></li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="#" target="_blank" title=""></a>
    </li>
    <li>
      <a href="http://hi5.1980s.fm/played.html" target="_blank" title="Song History">
        <div class="left-background"></div>
        <div class="left-border"></div>
        <div class="middle-background"></div>
        <div class="right-border"></div>
        <div class="right-background"></div>
      </a>
    </li>
  </ul>

When using a div tag do you need to specify margin and padding also?

Or is it different?

<div class="nav">

.nav {
  margin: 0;
  padding: 0;
}


  <div class="nav">
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a> Audio Player</a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="" target="_blank" title=""></a>
    <a href="http://hi5.1980s.fm/played.html" target="_blank" title="Song History">
      <div class="left-background"></div>
      <div class="left-border"></div>
      <div class="middle-background"></div>
      <div class="right-border"></div>
      <div class="right-background"></div>
    </a>
  </div>
2

No, div tags have no defaults added to them ( apart from display:block) so you don’t need to negate anything.

1 Like
3

Thank you…

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.