how to Fix Display Message in multiple line

Question

.abc{ white-space:pre-wrap; } student:He is a good boy he is also kind' Run code snippetExpand snippet Say I am displaying the message in Angular application in 2 line Like this: LabelStudent:Ram is a good boy, he is also kind. I want the second line message i.e. He is also kind, should be displayed just below the first message and not beneath the label JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)

Answer 1

This can easily be achieved with flexbox. I have reproduced a demo over here. HTML:

student :

He is a good boy he is also kind'

CSS: .container { display: flex; flex-direction: row; } .information { display: flex; flex-direction: column; }