JSFiddle - React, Tailwind, and code Playground

HTML

<div id="AboutPictures">

<div id="ya">

<img style = 'border:5px solid #F00' src="http://41.media.tumblr.com/3ad1ef80a08560a7e5f6be2b31f13c2/tumblr_n5wto2Ukmf1txjmgjo1_1280.jpg">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<figure>
<figcaption>Hello I am Edward</figcaption>
</figure>
</div>
</div>
</div>

CSS

#AboutPictures {
    background-color: rgb(0,200,255);
    height:100%;
    float: right;
}
#ya{
    float:right;
}
#ya figure{
    float:right;
}