Posted By

kaartz on 07/01/10

Tagged

css
jquery

Versions (?)

Last Edited at 07/01/10 01:25pm

Statistics

Viewed 902 times

Favorited by 0 user(s)

Related snippets

Justify Elements Using jQuery and CSS

/ Published in: JavaScript

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$(document).ready(function() {
    var max = 0;
    $("label").each(function(){
        if ($(this).width() > max)
            max = $(this).width();   
    });
    $("label").width(max);
});
 
//CSS
label, input[type="text"]{
    float:left;
    display:block;
}
label
{
    margin-right: 5px;
}
.field{
    width:100%;
    overflow:auto;
    margin:5px 0px;
}