aligning single value output.

[smolcj]

hi all,
i am using several single value results in my dashboard and i am using the tags.
the code sample is like this and repeated several times.

    

     blabla   

    ServerName:  

so my output is like

labe1:value
labelllll2:value2
la:value3
how to align it like
label : value1
labelllll2 : value2
la : value3
please help..
thankyou

[jonuwz · Accepted solution]

Not easily with CSS, and since its unlikely the font you'll be using is monospaced, it wont be easy to correct the spacing with padding.

This CSS :

.singleLabel {
    display: inline-block;
    min-width: 80px;
    text-align: right;
}
.singleResult {
    display: inline-block;
    min-width: 80px;
    text-align: left;
}

should line up your data ( you might have to play with the widths )

but it'll look like this :

         label : value1
    labelllll2 : value2
            la : value3

How to apply custom CSS