JSFiddle - React, Tailwind, and code Playground

HTML

<div class="live_preview_top_header_wrapper">

    <div class="live_preview_top_header_title">Title</div>

    <div class="live_preview_top_header_photograph">

        <img id="id_name_details_photograph_01_live_preview" src="http://placehold.it/350x150" />

    </div>

</div>

CSS

.live_preview_top_header_wrapper {
    width: 100%;
    background-color: #ffaaaa;
    vertical-align: middle;
    line-height: 200px;
}

.live_preview_top_header_title {
    display: inline-block;
    background-color: #aaaaff;
    vertical-align: middle;
    float: left;
}

.live_preview_top_header_photograph {
    display: inline-block;
    background-color: #cc0033;
    vertical-align: middle;
    float: right;
      line-height: 200px;
}

.live_preview_top_header_photograph img {
    vertical-align: middle;

}