JSFiddle - React, Tailwind, and code Playground

HTML

<html>            
    <head>
        <style>
            #movie_item {
    display: block;
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 175px;
}

.movie_item_poster {
    float: left;
    height: 150px;
    width: 100px;
}

.movie_item_content {
    float: right;
    background-color: green;
}

.movie_item_content_title {
    float: left;
    background-color: red;
}

.movie_item_content_year {
    float: right;
    background-color: green;
}

.movie_item_content_plot {
    background-color: yellow;
}

.movie_item_toolbar {
    clear: both;
    background-color: rgba(0, 0, 0, 0.3);
    vertical-align: bottom;
    width: 100%;
    height: 25px;
}
        </style>
    </head>
<div id="movie_item">
                <div class="movie_item_poster">
                    <img src="http://image.tmdb.org/t/p/w185/d4kPMHsoTEH3FIkBDJM0uVOlas6.jpg" style="max-width: 100%; max-height: 100%;">
                </div>

                <div id="movie_item_content">
                    <div class="movie_item_content_title">title</div>
                    <div class="movie_item_content_year">year</div>
                    <div class="movie_item_content_plot">plot</div>
                </div>

                <div class="movie_item_toolbar">
                    h.264 1080p DTS 5.1 Refresh Edit
                </div>
            </div>
    </html>