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
<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>