LayerSlider WP – Styling div container inside HTML layer

Hi, I’ve been trying to style and position a div container (containing text) inside an HTML layer on one of my LayerSliders. For some reason though, when I insert my custom css (under the ‘styles’ tab) the div container doesn’t react to it at all. All I want to do is basically give it a margin and center the text.

This is the code I use:
________________________________
HTML

<div class=”try”>Hi</div>

_________________________________
Custom CSS

.try {
margin-top: 200px;
text-align: center;
width: 100%;
}

__________________________________

If I enter the CSS directly into the tag (in HTML with style attribute) it works just fine. It simply seems to be unable to get the CSS information from the Custom CSS window. Can anyone tell me what might be the reason for this?

Thank you in advance!