Vertical align text in div

<style type="text/css">
    .display-table {
        display: table;
        table-layout: fixed;
    }    

   .display-cell {
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
</style>

<!--Code html-->
<div class="row display-table" style="background-color: red">
                 <div class="col-sm-3 display-cell">
                                Text or img
                 </div>

                  <div class="col-sm-9 display-cell">
                             Text text text
                  </div>
 </div>