Current output:
data1.............. 10
data200.............. 3000
Expected output:
data1........................10
data200....................3000
Rite now, I am hardcoding the connecting dotted lines.
code:
<div>
<a data-target=".lev1"> DisplayData</a>
<p class ="collapse">data1..............
<span class="RightAlign"> ' 10 '</span>
</p>
<p class ="collapse">data200..............
<span class="RightAlign">' 3000 '</span>
</p>
</div>
css:
.RightAlign {
float: right;
margin-right: 20px;
margin-left: 10px;
}
I would appreciate if anyone can give an idea of how I can achieve the expected output. Thank you.
2
Answers
I don’t have idea about dotted line but you can fix spacing like: