How to center an HTML element using jQuery and CSS? [closed]

Question

I would like to center some html elements in my html page, for example a label. I want to accomplish this by using jQuery and CSS. Unfortunately I'm not familiar with jQuery.

I just need a little help from you guys.

Thank you.

Answer 1

Presentation is NOT a task for jQuery.

CSS:

label {display:block;text-align:center}

Answer 2

Try this simple function:

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
    return this;
}

//Use the above function as:
$(element).center();