[html5] button: why is image not centred vertically?

Fri Mar 9 01:43:06 PST 2012

On Fri, 09 Mar 2012 10:34:49 +0100, jonathan chetwynd <jay at peepo.com>  
wrote:

> <!doctype html>
> <html>
>   <button>
>     <svg xmlns="http://www.w3.org/2000/svg"
>       width="10"
>       height="10">
>       <rect x="0" y="0" width="10" height="10" />
>     </svg>
>   </button>
> </html>
>
> is there a means** to centre image vertically, with minimal gap?
>
> note there is no gap (maybe 1px?) at top, but significant gap at bottom  
> (maybe 4px?), why is this?

https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

Use display:block on the <svg>.

-- 
Simon Pieters
Opera Software