Align multiple divs in one line and center text vertically and horizontally

Question

I want to align several div\'s into one line and also center the content vertically and horizontally

Answer 1

I aligned multiple divs within a table cell (td) by creating a container DIV, as follows:

    
 // container DIV with CSS as below
        

        

        

    

where css for containingDIV is:

.containingDIV {
    display: flex;
}