JSFiddle - React, Tailwind, and code Playground

HTML

<div id="block">
    <div id="icon">
        <img height="70px" src="http://uxrepo.com/static/icon-sets/font-awesome/svg/flash.svg"/>
    </div>
    
    <div class="info1">Zählerstand: 999 kWh</div>
    <div class="info2">Heute: 0.9 kWh (Gestern: 1.0 kWh </div>
</div>

CSS

div#block {
    width: 900px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    background-color:grey;
    text-align: center;
}

div#icon {
    width: 20%;
    margin: 10px 0px 10px 0px;
    text-align: right;
    float: left;
}

div.info1 {
    text-align: center;
    width: 80%;
    margin: 27px 0 0 5px;
}

div.info2 {
    text-align: center;
    width: 80%;
    
}