side menu with left margin

Question

I have a div central and a div to put the menu. The problem is that it is with a left margin that I can not take out in any way. I believe it is due to the style of the UL.

https://jsfiddle.net/kar5hfxk/

Answer 1

analyzing your code what is missing is to reset the margin and padding 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>