Vertical align image and p

by robdodson

HTML

<div id="container">
    <img src="http://placekitten.com/g/100/100">
    <p>Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? Ain't that neat? </p>
</div>

CSS

#container {
    margin-left: 104px;
}

img {
    display: inline-block;
    vertical-align: middle;
    margin-left: -104px;
}

p {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}