Question

I am trying to adjust vertical space between two span elements inside a div. I am trying to achieve half of what I am getting from <br/>.

line-height , vertical-align or margin-top.
None of it worked for me. Here is the jsfiddle

Answer 1

<span> elements are inline. You can’t put block-level elements like <p> inside of inline elements.

Use <div>s instead of <span>s and your CSS will work just fine:

<div class="signupEmailBox">
    <div class="tag"><p>test data goes here</p></div>
    <div class="smallTextEmail">
                    <p>blah blah blah</p>
                    <p>some text goes here...</p>
                    <p>here some more text data</p>
                    <p>some more text</p>
    </div>
</div>
​