Question

I have a page with the following format,

My Profile<br />
Name <span class='values'>: $name</span><br />
 Age <span class='values'>: $age</span><br />

etc…

I want to align the fields such that colon is centered followed by the values retrieved from db.

I used a span class with the following info but still the colon is not in the same line.

.values {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:100px;
}

Thanks.

Answer 1

You’ll have to enclose labels (name, age) in an inline-block element with fixed width and align text in them to right. Example.