<p> <img alt="x" id="x" src="_assets/foo.png" /> </p> => <p> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> <p> <img alt="x" id="x" src="_assets/foo.png" style="float:right" /> </p> => <p> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" style="float:right" /></a> </p> <p>x</p> <p style="text-align:center"> <img alt="x" id="x" src="_assets/foo.png" /> </p> => <p>x</p> <p style="text-align:center"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png"/></a> </p> <p>y</p> <figure class="image"> <img alt="x" id="x" src="_assets/foo.png" /> <figcaption>c</figcaption> </figure> => <p>y</p> <figure class="image"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> <p>y</p> <figure class="image" style="float:right"> <img alt="x" id="x" src="_assets/foo.png" /> <figcaption>c</figcaption> </figure> => <p>y</p> <figure class="image" style="float:right"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> <p>y</p> <div style="text-align:center"> <figure class="image" style="display:inline-block"> <img alt="x" id="x" src="_assets/foo.png" /> <figcaption>c</figcaption> </figure> </div> => <p>y</p> <div style="text-align:center"> <figure class="image" style="display:inline-block"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> </div> <p>y</p> <p> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> => <p>y</p> <p> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" style="float:right" /></a> </p> <p> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" style="float:right" /></a> </p> => <p style="text-align:center"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> <p> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> => <figure class="image"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>caption</figcaption> </figure> <p>y</p> <figure class="image"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> => <p>y</p> <figure class="image" style="float:right"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> <p>y</p> <figure class="image"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> => <p>y</p> <div style="text-align:center"> <figure class="image" style="display:inline-block;"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> </div> <figure class="image"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> => <p> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> <p>y</p> <p> <a href="http://x" target="f"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> => <p>y</p> <p> <a dir="rtl" href="ftp://y" id="foo"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> <p>y</p> <p> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> => <p>y</p> <p> <img alt="x" id="x" src="_assets/foo.png" /> </p> <p>y</p> <p> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" style="float:right" /></a> </p> => <p>y</p> <p> <img alt="x" id="x" src="_assets/foo.png" style="float:right" /> </p> <p>x</p> <p style="text-align:center"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> => <p>x</p> <p style="text-align:center"> <img alt="x" id="x" src="_assets/foo.png" /> </p> <p>y</p> <figure class="image"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> => <p>y</p> <figure class="image"> <img alt="x" id="x" src="_assets/foo.png" /> <figcaption>c</figcaption> </figure> <p>y</p> <figure class="image" style="float:right"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> => <p>y</p> <figure class="image" style="float:right"> <img alt="x" id="x" src="_assets/foo.png" /> <figcaption>c</figcaption> </figure> <p>y</p> <div style="text-align:center"> <figure class="image"> <a href="http://x"><img alt="x" id="x" src="_assets/foo.png" /></a> <figcaption>c</figcaption> </figure> </div> => <p>y</p> <div style="text-align:center"> <figure class="image" style="display:inline-block;"> <img alt="x" id="x" src="_assets/foo.png" /> <figcaption>c</figcaption> </figure> </div> <p> <a accesskey="k" charset="ding" class="bang" dir="rtl" href="ftp://x" id="foo" lang="es" name="bar" rel="dong" style="margin-left:10px;" tabindex="42" target="f" title="boom" type="zoom"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> <p> <a href="mailto:a?subject=b&body=c"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> <p>y</p> <p> <a href="http://x" target="f"><img alt="x" id="x" src="_assets/foo.png" /></a> </p> => <p>y</p> <p> <a href="custom-href" data-custom="custom"><img alt="x" id="x" src="_assets/foo.png" /></a> </p>