I am currently using the float property to structure the layout.
<style>
div {
float: left;
}
.pro {
width : 100px;
color : blue;
}
</style>
<span>
<div class="pro">Long property name : </div>
<div>value</div>
</span>
When the "Long property name : " extends onto a new line, I would like the "value" to automatically shift to the next line as well. How can I achieve this with my current HTML code? Thank you. Currently, the "value" remains on the same line as the property name.
Current layout:
Desired layout:
Thank you!