Align inline an Html element with flex property

I am working on a dynamic application. I have a div tag with flex-direction: column property. Is it possible to add a span tag inside that div with text align in parallel?

.parent {
   display: flex;
   flex-direction: column;
}

<div class="parent">
    Item 1
    <span style="border: 1px solid;">item 2</span>
</div>

But the text displaying with a line break. One important thing is I don't have edit the class '.parent'.