Get multiple line paragraph to appear in line-CodePudding

I've never used HTML before, but have managed to put something together, but I am having trouble making a paragraph line up.

I am currently getting this:

Owner: TextText Text Text Text TextText Text Text Text Text TextText TextTextTextText Text Text Text TextText Text Text Text Text TextText TextText Text Text Text Text TextText Text

Image of current text

But i would like to set it up so it appears like this (Minus the line):

Owner: TextText Text Text Text TextText Text Text Text Text TextText TextTextTextText Text Text Text ________TextText Text Text Text Text

wanted results

This is what i am using:

.titlefield {
    font-weight: bold;
    display: inline-block;
    width: 200px;
}

<div><span >Managers Hours: </span><span >{{item.ManagersHours}}</span></div>

Any suggestions would be appreciated.

Thank you

CodePudding user response：

Put Owner and TextTextText into separate elements, and give them a parent that uses the style display: flex

<div style="display:flex">
  <h3>Owner</h3>
  <p>TextText Text Text Text TextText Text Text Text Text TextText TextTextTextText Text Text Text TextText Text Text Text Text</p>
</div>

CodePudding user response：

you can just reduce the font size and font weight and remove margins and paddings ..

This might help :).