<p class="menu">Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat
<dottab class="menu" /> £3700.00</p>
<p class="menu">Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at
eleifend lacus sapien et risus <dottab class="menu" /> £27.00</p>
<p class="menu">Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt
turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed,
nulla. Integer sit amet odio sit amet lectus luctus euismod <dottab class="menu"
/> £7.00</p>
<p class="menu">Donec et nulla. Sed quis orci <dottab class="menu" /> £1137.00</p>
</div>
<p></p>
<p class="code">
p.menu { text-align: justify; padding-right: 4em; }<br />
dottab.menu { outdent: 4em; }
</p>
<p>NB It is recommended to use &nbsp; after the dottab if a space is required before the following
content.</p>
<p>NB This (outdent) is also used in the Table of Contents (see earlier in this document).</p>
</div>
<h3>Layers</h3>
<div class="gradient text">
<p>mPDF 5.7 will create layers in the document using the CSS property z-index. All layers are visible
by default.</p>
<p>This demonstrates layers in a PDF document. Select the layers named "Correct Answers" or "Wrong
Answers" in your PDF viewer (the layers pane should be open already in Adobe Acrobat)</p>
<div><b>What is the name of the Prime Minister of Britain?</b></div>
<div style="z-index:1;color: green;float: left; width:30%">David Cameron</div>
<div style="z-index:2;color: red;">Rupert Murdoch</div>
<div><b>What is the name of the David Beckham\'s bulldog?</b></div>
<div style="z-index:1;color: green;float: left; width:30%;">Scarlet</div>
<div style="z-index:2;color: red;">Victoria</div>
<p>To open/close/select layers in Adobe Reader (10):<br />
<img src="layers_tab.jpg" /></p>
<p>The layer names and initial state can be set (optionally) e.g.</p>
<p class="code">
$mpdf->layerDetails[1][\'state\']=\'hidden\'; // Set initial state of layer - "hidden"
or ""<br />
$mpdf->layerDetails[1][\'name\']=\'Correct Answers\';<br />
$mpdf->layerDetails[2][\'state\']=\'hidden\';<br />
$mpdf->layerDetails[2][\'name\']=\'Wrong Answers\';<br />
</p>
<p>This is the code used in the example above:</p>
<p class="code">
<div style="z-index:1;color: green;float: left; width:30%;">Scarlet</div><br />
<div style="z-index:2;color: red;">Victoria</div>
</p>
<div>To force the PDF reader to open with the layers tab open, set:
<p class="code">$mpdf->open_layer_pane = true;</p>
</div>
</div>
<h3>CSS visibility on <span></h3>
<p>CSS visibility:hidden is now supported on inline elements e.g. <span></p>
<div class="gradient text">
<p>This next bit of text is hidden - <span style="visibility:hidden; border:1px solid
#880000;background-color:yellow">Hidden text</span> - and this isn\'t.</p>
<p class="code">style="visibility:hidden;"</p>
<p>This next bit of text is only visible in print - <span style="visibility:printonly; border:1px
solid #008800;background-color:yellow">Hidden text</span> - and this isn\'t.</p>
<p class="code">style="visibility:printonly;"</p>
<p>This next bit of text is only visible on screen - <span style="visibility:screenonly; border:1px