<div>
your data is tabular data, so you should use a &lt;table&gt;.<br />
then you can use a background image to show the dots.
</div>


your data is tabular data, so you should use a <table>.
then you can use a background image to show the dots.

<div>
<div class="content wysiwyg-content">
How can I format the following text block so that the amounts line up vertically?<br />
<br />
&lt;div id=&quot;textblock&quot;&gt;<br />
Extra Adult.....................<wbr />...£40&lt;br&gt;<wbr /><br />
Extra Child (11-16).............£20&lt;br<wbr />&gt;<br />
Extra Child (2-10)...............£10&lt;b<wbr />r&gt;<br />
&lt;/div&gt;<br />
<br />
It appears that the '.' character is a different width to the numeric '1' .<br />
<br />
Thanks
</div>
</div>


How can I format the following text block so that the amounts line up vertically?

<div id="textblock">
Extra Adult........................£40<br>
Extra Child (11-16).............£20<br>
Extra Child (2-10)...............£10<br>
</div>

It appears that the '.' character is a different width to the numeric '1' .

Thanks

Character width with CSS

A font is a particular size, weight and style of a typeface. Each font is a matched set of type, one piece (called a "sort") for each glyph, and a typeface consists of a range of fonts that share an overall design. With the advent of digital typography, font is frequently synonymous with typeface, although the two terms do not necessarily mean the same thing. In particular, the use of "vector" or "outline" fonts means that different sizes of a typeface can be dynamically generated from one design. Each style may still be in a separate "font file" -- for instance, the typeface "Futura" may include the fonts "Futura roman", "Futura italic", "Futura bold" and "Futura extended" —- but the term "font" might be applied either to one of these alone or to the whole typeface.

Fonts Typography

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.