Displaying labels in the same row

Question

I have this HTML code

<div style="display:inline" >
    <div>
        <label>NOM:</label>
    </div>
    <div>
        <label>Ben felten</label>
    </div>
</div>

I got this result:

I need to change my code to get a result like this :

I need the two labels displayed in the same line and each div (parent to each label) having a width of 50 percent of the page's width.

1. How can i change my snipet to do that?

Thanks

Answer 1

Try something like this:

  <div style="display:inline" >
        <div style="float: left; width: 50%;">
            <label>NOM:</label>
        </div>
        <div style="float: left; width: 50%;">
            <label>Ben felten</label>
        </div>
    </div>