[chaot]

In ToC titles should appear left side, page numbers right side. How to do?

HTML

<div id="textbox">
  <p class="alignleft">Title A</p>
  <p class="alignright">10</p>
</div>
<div id="textbox">
  <p class="alignleft">Title B</p>
  <p class="alignright">20</p>
</div>
<div style="clear: both;"></div>

CSS

.alignleft {
  float: left;
}
.alignright {
  float: right;
}

Works fine in calibre file preview - but not in my e-reader.