I got this code that contain a left corner and a right corner. The problem is that I'm having some extra space under the buttons.
How can I get rid of it?
.topCornersHolder {
width: 700px;
background: #fff;
}
.cornerLT {
background: #fff url('cornerLT.jpg') no-repeat 0px;
width: 30px;
height: 30px;
float: left;
}
.cornerRT {
background: #fff url('cornerRT.jpg') no-repeat 0px;
width: 30px;
height: 30px;
float: right;
}
<div class="topCornersHolder">
<div class="cornerLT"></div>
<div class="cornerRT"></div>
</div>
Thanks!
How can I get rid of it?
.topCornersHolder {
width: 700px;
background: #fff;
}
.cornerLT {
background: #fff url('cornerLT.jpg') no-repeat 0px;
width: 30px;
height: 30px;
float: left;
}
.cornerRT {
background: #fff url('cornerRT.jpg') no-repeat 0px;
width: 30px;
height: 30px;
float: right;
}
<div class="topCornersHolder">
<div class="cornerLT"></div>
<div class="cornerRT"></div>
</div>
Thanks!