side menu with left margin

3

I have a% central% and div to put the menu. The problem is that there is a left margin that I can not take at all. I think it's because of the style of div .

link

    
asked by anonymous 22.11.2016 / 14:16

1 answer

2

by analyzing your code what is missing is to clear the margin and padding of the ul tag, follow the code:

.cardt {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
  background-color: #FFFFFF;
  margin-bottom: 30px;
  
}  
  .panoramamoedas{
    width:100%;
    margin:0;
  }

.panoramamoedas ul{
  margin: 0;
  padding: 0;
}

.panoramamoedas ul li {
  display: block;
  backgroun: red;
  border-bottom: 1px solid #CCC;
  text-align: left;
  list-style-type: none;
}

.panoramamoedas a:link {
  color: #666;
  font-weight: bold;
  text-decoration: none;
  padding: 8px;
  display: block;
}

.panoramamoedas a:hover {
  background: #F5F5F5;
  color: #039;
}
<div class="cardt">
  <div class="panoramamoedas" >
    <ul>

      <li><a href="link1.htm">teste</a></li>
      <li><a href="link1.htm">teste2</a></li>

    </ul>
  </div>
</div>
    
22.11.2016 / 14:35