Alignement of blocks

[Turtle91]

Nice workaround!

I hadn't thought to float a link over the number - I was just thinking of dynamically creating the link on render!

[RbnJrg]

Originally Posted by Turtle91

Nice workaround!

Thank you! Another trick for your arsenal With epub3, you can add "real" links to the numbers of an ordered list (the html code is maybe simpler, but the css used is a bit "tricky").

[Ghitulescu]

Excellent - I never thought of this idea

Anyway, I use red only to debug the links, only the alignement is important.

[RbnJrg]

Originally Posted by Ghitulescu

Excellent - I never thought of this idea

Glad that it served you.

Anyway, I use red only to debug the links, only the alignement is important.

Better yet; we don't have to worry about the text decoration

EDIT: And don't use a class to style the <a> tags inside <li> tags, so instead of:

a.myN {
  float: left;
  margin-left:-2em;
  height: 1.2em;
  text-decoration: none;
}

just use:

li a {
  float: left;
  margin-left:-2em;
  height: 1.2em;
  text-decoration: none;
}

and

<li><a href="../Text/Section0002.xhtml#N1">*******</a>