CODEWITHSUNDEEP
htmlcss
Xaisoft
Xaisoft

Reputation: 46651

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: 32372

Answers (2)

enobrev
enobrev

Reputation: 22541

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: 11412

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