I have the following HTML & CSS code.
I'd like to position all my text vertically centered. Even 'Text here' would be left aligned to the logo. Can someone explain how I achieve this with my code? Many thanks.
Fiddle: http://jsfiddle.net/z6yet59f/
.slogan {
background:#eaeaea;
float:left;
width:600px
}
.slogan img {
cursor: pointer;
width:92px;
height:92px
}
.slogan div {
float:left;
margin-left: 35px;
}
.slogan div span {
display:block
}
<div class="slogan">
<div>
<p>
<span>Text here</span>
<img src="https://cdn3.iconfinder.com/data/icons/rcons-social/32/blog_blogger_google-128.png" id="chat_link_35" title="click to start live chat ..">
</p>
</div>
<div>
<span class="heading">National Helpline</span>
<span>Hello</span>
</div>
<div>
<span class="heading" style="color:orange">National Helpline</span>
<span>Hello</span>
</div>
</div>