HTML - Typography - Inline link buttons - HTML Snipplr Social Repository

Revision: 67908

at November 3, 2014 21:29 by madebycrunch

Initial Code

<p>
	<span class="button red"><a href="#"><span>.button.red</span></a></span>
	<span class="button amber"><a href="#"><span>.button.amber</span></a></span>
	<span class="button green right"><a href="#"><span>.button.green.right</span></a></span>
</p>
<p>	
	<span class="button black"><a href="#"><span>.button.black</span></a></span>
	<span class="button grey"><a href="#"><span>.button.grey</span></a></span>
	<span class="button right"><a href="#"><span>.button.right</span></a></span>
</p>
<p>	
	<span class="button red rounded"><a href="#"><span>.button.red.rounded</span></a></span>
	<span class="button amber rounded"><a href="#"><span>.button.amber.rounded</span></a></span>
	<span class="button green right rounded"><a href="#"><span>.button.green.right.rounded</span></a></span>
</p>
<p>	
	<span class="button med"><a href="#"><span>.button.med</span></a></span>
	<span class="button big"><a href="#"><span>.button.big</span></a></span>
</p>
<p>	
	<span class="button block"><a href="#"><span>.button.block</span></a></span>
</p>

Initial URL

Initial Description

Link button html

Initial Title

HTML - Typography - Inline link buttons

Initial Tags

Initial Language

HTML

Choose a language for easy browsing: