Forum How do I...?

TOC with long names

chops
Hello,

I have the following HTML
<table>
  <tr>
	<td>
	  Tab. 1
	</td>
	<td>
	  <a href='#tab1'>
		Table 1
	  </a>
	</td>
  </tr>
  <tr>
	<td>
	  Tab. 2
	</td>
	<td>
	  <a href='#tab2'>
		Table 2
	  </a>
	</td>
  </tr>
  <tr>
	<td>
	  Tab. 3
	</td>
	<td>
	  <a href='#tab3'>
		Table 3
	  </a>
	</td>
  </tr>
</table>


with this CSS:
#toc table a {
  color: black;
  text-decoration: none;
}
#toc table a::after {
  content: leader('.') target-counter(attr(href), page);
}


The TOC works, but if the table names are too long, they are printed above the page numbers. How can I ensure, that the line breaks at the red markers in the screenshot?

Thanks in advance
Christian
  1. linebreak.JPG50.0 kB
chops
I have an idea... :)

mikeday
Tricky, what was your idea? :)