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.JPG‎ 50.0 kB

I have an idea...

Tricky, what was your idea?