Is there any way to repeatedly print a character inside a table cell in HTML (NOT HTML5!)?
*(only using HTML OR using HTML and CSS ONLY)
** Need to print "." through the full length of a cell. Don't know the exact width of the cell!
Ok after u elaborated your question I have the solution. A div with a dotted bottom border and text with a white background on top.
example :
CSS:
.line{
border-bottom:1px dotted black;
position:relative;
height:16px;
}
.line span{
display:inline-block;
position:relative;
background:white;
bottom:-2px;
height:100%;
padding:0 5px;
}
.line .price{
position:absolute;
right:0;
}
HTML:
<div class="line">
<span class="title">name</span>
<span class="price">123.23$</span>
</div>
<div class="line">
<span class="title">name</span>
<span class="price">123.23$</span>
</div>
http://jsfiddle.net/bKuVe/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With