JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/T-Square_fractal_(8_iterations).png/256px-T-Square_fractal_(8_iterations).png" alt="A"><p>Inline text with letters like p, g, q, etc.</p>
<div>Cat's out of the bag!</div>

CSS

img, p{
    margin: 0; 
    padding: 0;
    border: 0;
    display: inline;
}

p {
    background: red;
    color: #eee;
}

div {
   margin: 0;
    background: blue;
    height: 500px;
    width: 100%;
    color: white;
    text-align: center;
}

/* appearance */

body {
    padding: 20px;
}

img {
  vertical-align:bottom;
  }
}