change this: display:inline-table;
CSS divs inside fieldset
Question
I am trying to create a fieldset with divs inside. I have a 1px border-bottom on each div but it doesn't show.
Example here : http://jsfiddle.net/LPa2f/1/
CSS :
.debt_row_odd{
display: table-row;
width: 100%;
background-color: #eef6f9;
border-bottom: 1px dotted #ff0000;
}
HTML :
<fieldset>
<div class="debt_row_odd">
... label/input
</div>
<div class="debt_row_odd">
... label/input
</div>
</fieldset>
I have tried adding a 1px clear div, border-sizing, and a lot of other tweaks, but still no luck. When I inspect element, it doesn't look out of place. What causes that behaviour?
Solution
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow