Padding Around Promobox (Picture included)

I can’t work out why this isn’t working correctly. Here is a picture:

Here is the code I’m using:

[av_promobox button='no' label='Click me' link='manually,http://' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' label_display='' icon_select='no' icon='ue800' font='entypo-fontello' box_color='' box_custom_font='#ffffff' box_custom_bg='#444444' box_custom_border='#333333' av_uid='av-2ssvhs' admin_preview_bg='']
<span style="text-decoration: underline;"><strong>Do this:</strong></span> write down your English-learning goal and when you want to achieve this. Here is a template: <em>By _______ I want to reach a _____ level of English.</em>
[/av_promobox]
<h2>TIP 2: SET A GOAL AND CREATE A LEARNING STRATEGY</h2>

Why is there no space between the promobox and the heading?
Also, is there a way to reduce the area between the text and the top and bottom of the box?

Thanks,
Jack