How to style inline links as blocks.
Have you ever wanted to style your inline links as if they were blocks? Well it will be possible when all browsers include the style ‘inline-block’, but until then this is one way to do it.
No messing around with ‘display:block;’ / ‘display:inline; / float:left; etc. this method, seen above, uses nothing more than a ‘textarea’ which is basically an inline block.
Related Submissions:
- What is Inline-Block? A brief article discussing the “inline-block” value for the CSS “display” property, including pros and cons and some practical uses. ...
- Increase Link Usability by Turning Inline Anchors Into Padded Blocks A simple trick that will greatly improve usability of the links on your site by increasing the clickable areas. ...
- Floatitis Pt4 - The pos:abs Method Fourth part in the anti-float series already. The method described today will be pretty similar to the margin/float method, but will eliminate floating altogether. Rather...
- Floatitis Part 5 : The Future Of Inline-Block In this pre-final article on float prevention, I’ll be digging into a method which though very interesting, has little practical value (yet). This of course...
- Why Inline CSS And JavaScript Code Is Such A Bad Thing When I review web sites, and also in my own projects with a number of different team members, I almost constantly stumble across something web...