How to get rid of extra space below svg in div element

Question

Here is an illustration of the problem (tested in Firefox and Chrome):

Answer 1

Change the display property of the svg to be block.