Why doesn't an HTML anchor tag wrap a scalable SVG <object>? -


i have created scalable svg object, using preserveaspectratio , viewbox attributes in svg file itself:

<svg   …   width="800"   height="800"   preserveaspectratio="xminymin meet"   viewbox="0 0 800 800"   … 

in html, reference svg file using <object> tag , wrap <a> tag (i want can style later):

<a>   <object type="image/svg+xml" data="smiley.svg">   </object> </a> 

i style <object> tag css make 50% wide, , no wider 100%:

object {   max-width: 100%;   width: 50%; } 

the problem anchor tag doesn't wrap around object!

anchor tag not wrapping scalable svg object

any ideas anyone?

adding display: block anchor seems fix me.


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -