JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="photo1">
        <h2>Panda One</h2>
        <img src="http://waqs.ru/img/no.png">
        <a href="">Some Link</a>
    </div>
    <div class="photo2">
        <h2>Panda Two</h2>
        <img src="http://waqs.ru/img/no2.jpg">
        <a href="">Some Link</a>
    </div>
</div>

CSS

.wrap {
    background: silver;
}
a {
    display: block;
}
.photo1, .photo2 {
    display: inline-block;
}
.photo2 {
    margin: 0 0 0 100px;
}