I have just started using GitHub badges and have some difficulties when trying to apply style configuration.

1. First of all, there are 2 types of badge usages as far as I see:

![Stackoverflow Card](component_url)

and

[![Stackoverflow Card](component_url)](opening_url)

What is the difference between them except from using opening_url by clicking?

2. What is I do not want to disable hyperlink feature from badge? I tried to use # as opening_url parameter, but not seem to work :(

3. I am also trying to apply some style e.g. padding. However, I am not sure what is the most proper element to wrap this components. Should I use <p>, <span> or <div>, or another element to apply style to the component (if components does not have that feature)?

For example, while I can apply style for this:

<span style="margin-left:-12px">![Stackoverflow Card](component_url)</span>

I cannot apply by using bracket ([]) like that:

<span style="margin-left:-12px">[![Stackoverflow Card](component_url)](opening_url)</span>

Is it normal?