<div dir="ltr"><div class="gmail_quote">On Sun, Oct 19, 2008 at 9:54 AM, Philipp Serafin <span dir="ltr">&lt;<a href="mailto:phil127@gmail.com">phil127@gmail.com</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div class="Ih2E3d">On Sun, Oct 19, 2008 at 2:57 PM, Håkon Wium Lie &lt;<a href="mailto:howcome@opera.com">howcome@opera.com</a>&gt; wrote:<br>
&gt; I&#39;d like to have a simple way of using &lt;button&gt; along with &lt;a&gt; to<br>
&gt; create pretty links. This markup works in Opera, Mozilla, and Webkit:<br>
&gt;<br>
&gt; &nbsp;&lt;a href=&quot;<a href="http://www.w3.org/" target="_blank">http://www.w3.org/</a>&quot;&gt;&lt;button&gt;W3C&lt;/button&gt;&lt;/a&gt;<br>
&gt;<br>
&gt; but it&#39;s not valid HTML5 it seems. I propose to make it valid.<br>
&gt;<br>
&gt; The inverse (a inside button) only works in Webkit.<br>
&gt;<br>
&gt; Cheers,<br>
&gt;<br>
&gt; -h&amp;kon<br>
</div>&gt; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Håkon Wium Lie &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;CTO °þe(R)ª<br>
<div class="Ih2E3d">&gt; <a href="mailto:howcome@opera.com">howcome@opera.com</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="http://people.opera.com/howcome" target="_blank">http://people.opera.com/howcome</a><br>
&gt;<br>
<br>
</div>What&#39;s wrong with<br>
<br>
&lt;button style=&quot;text-decoration: underline; color:blue&quot;&gt;W3C&lt;/button&gt;<br>
<br>
?</blockquote><div>&nbsp;</div></div>The one real difference that I&#39;ve run into with links and buttons is that buttons are shrink-to-fit in block-display, while links are not. &nbsp;This only matters when you actually *need* to display them as block, frex when centering, though many of these situations can be fixed by putting text-align on the parent.<div>
<br></div><div>~TJ</div></div>