CSS - How to align 2 fields into 1 row?
- by user1809157
I'm newbie in css. My jsfiddle here
http://jsfiddle.net/PAHdH/
<div>
<label>Name: </label><p>John</p>
<label>Age: </label><p>35</p>
<label>Level: </label><p>60</p>
<label>Score: </label><p>5000</p>
</div>
label{
display: inline-block;
float: left;
clear: left;
width: 150px;
text-align: left;
color:black;
}
p {margin-bottom:2px; padding:0;}
?
I would like to change to
Name: John Age: 35
Level: 60 Score: 5000
It should be like a table with 4 columns.