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
.
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
.
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>