CSS line inside a container : <p>Imagine having a box</p>

<pre><code>a          b
 ----------
|          |
|          |
c----------d
</code></pre>

<p>The box have point a,b,c and d. I need to have a line from point b to point c, and I will have my data lets say <code>100%</code> in point a and point d.</p>

<p>is this possible? I tried to look using <code>fr</code> but I still have the problem of drawing a line</p>
