Music inside text lines

tmweb-2.js as well as abcweb-1.js include the generated images of the music inside a <div> container.
By default, these containers are blocks (style display:block) that start a new line:

Line with music (end of line)

To prevent opening a new line may be done using a <span> element with a style display:inline-block:

Line with music (end of line)

To keep the music images at different vertical offset, it is important for the SVG elements to have a style display:block. This is what is done in the header of this HTML page:

This tune is vertical (end of line)

To adjust the vertical offset of the music in the line, the style vertical-align may be used:

Centered music (end of line)

With many lines (end of line)

abc2svg documentation source author - page hosted by Free