Untitled

<html>
<head>
    <meta charset="utf-8">
    <title>JS Bin</title>
</head>
<body>

    <div class="row-Item">
        <div class="left-column">
             <div class="left-column-padding">
                 <div class="warpper">
                        <div class="text-container">
                                Some Title Here<br>
                                May be multi-line
                        </div>
                        <div class="img-container">
                            <img src= "http://static.jsbin.com/images/jsbin_static.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="right-column">
            <div class="right-column-padding">
            Content text go heres. Content text go heres. Content text go heres.    Content text go heres. Content text go heres. Content text go heres.
            <ul>
                <li>some list item..</li>
                <li>some list item..</li>
                <li>some list item..</li>
                <li>some list item..</li>
            </ul>
             Content text go heres. Content text go heres. Content text go heres.Content text go heres. Content text go heres. Content text go heres.Content text go heres. Content text go heres. Content text go heres.Content text go heres. Content text go heres. Content text go heres.   Content text go heres. Content text go heres. Content text go heres.
            </div>
        </div>

</body>
</html>

.row-Item{
    border: 3px solid #F9BE00;
    position: relative;
}

.left-column{
    position: absolute;
    width:200px;
    background : #F9BE00;
    top: 0;
    left: 0;
    bottom: 0;
}

.right-column{
    margin-left:200px;
    vertical-align: middle;
    background: #FEF2CC;
}

.warpper{
    display:table;
    min-height: 100%;
}

.left-column .text-container{
    display:table-row;
    height:1px;
    font-size:20px;
    font-weight:bold;
}

.left-column .img-container{
    display:table-row;
    height:100%;
    text-align:center;
}

.left-column .img-container:before{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.left-column .img-container img{
    max-width:170px;
    vertical-align: middle;
}

.left-column-padding,
.right-column-padding{
    padding:15px;
    height:100%;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
}