CODEWITHSUNDEEP
htmlcss
Xaisoft
Xaisoft

Reputation: 46591

How to right align a <p> tag?

I have a couple of <p> tags that I want to right align. Does anyone know how to do this?

Upvotes: 13

Views: 32036

Answers (2)

enobrev
enobrev

Reputation: 22532

CSS:

p {
    text-align: right;
}

INLINE:

<p style="text-align: right">Some Text</p>

jQuery:

$('p').css('text-align', 'right');

Javascript:

var aElements = document.getElementsByTagName('p');
for (var i = 0; i < aElements.length; i++) {
    aElements[i].style.textAlign = 'right';
}

Upvotes: 34

foxxtrot
foxxtrot

Reputation: 11402

It depends. Do you want the entire paragraph to align to the right side of whatever container it's in? Or do you want the text of the paragraph to align to the right margin of the paragraph?

If it's the first, look into the float: right; CSS directive. The latter, text-align: right;

Upvotes: 8

Related Questions