Build & Style The UI

Question

how do i create a DIV with 5 PARAGRAPH elements, each containing a SPAN with CSS class prop and another SPAN with CSS class of value?
here is what I have written
<div class= "details mdc-elevation--z3">
<p> data-age<span class="prop"> Age</span> <span class="value"> data-age-value </span></p>
<p> data-height <span class="prop">Height</span><span class="value"> data-height-value</span></p>
<p>data-weight<span class="prop">Weight</span><span class="value"> data-weight -value</span></p>
<p>data-gender<span class="prop">Gender</span><span class="value"> data-gender -value</span></p>
<p>data-country<span class="prop">Country</span><span class="value">data-country-value</span></p>
Your contribution would be highly appreciated