SOURCE

<div class="line-box"><div class="e"></div>XxGg</div>

.line-box {
    margin-top: 500px;
    /* height: 200px; */
    /* line-height: 1;  */
    font-size: 200px;
    /* width: 400px; */
    line-height: 0;
    /* height: 400px; */
    /* vertical-align: top; */
    background: #d6b5b5;
    /* vertical-align:text-top; */
    
    /* display: table-cell; */
}

.e {
    vertical-align: 0px;
    /* font-size: 0; */
    display: inline-block;
    width: 100px;
    height: 100px;
    background: blue;
    /* line-height: 0px; */
}


/* .line-box::after , .line-box::before{
    display: block; 
     line-height: 0; 
     font-size: 0px;
    background: red;
} */


/* span{
    font-size: 16px;
    line-height: 22px;
    background: red;
    display: inline-block;
    width: 300px;
    vertical-align:middle;
} */