'is it possible to make inner child in the same row as his father in css?

According to this html structure:

 <h1>title</h1>
 <div>
   <label>label</label>
   <span>span</span>
 </div>

Is it possible to make title with label in one row and the span in the second row (full width) and without change the html layout? is support by flex or grid? like so:

title label
span


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source