Vertically align text inside flexbox CSS

How you can vertically align text inside flexbox with different colours and styles with simple CSS and HTML we always try to explain in simple CSS so that you can implement anywhere in your HTML code. Flexbox Layout help to make it easier to design responsive design without using float or positioning CSS. This simple CSS trick will help to get and achieve responsive layout structure box. Hope this below CSS and HTML will help to achieve Flexbox responsive box.

See the Pen Vertically align text inside Flexbox by HTML Design (@htmldotdesign) on CodePen.