The text-align property is used to set the horizontal alignment of a text. A text can be left or right aligned, centered, or justified. The following example shows center aligned, and left and right aligned text (left alignment is default if text direction is left-to-right, and right alignment is default if text direction is right-to-left):

Mar 6, 2015 · Add span on each or group of words you want to align left or right. then add id or class on the span such as: <h3> <span id = "makeLeft"> Left Text</span> <span id = "makeRight"> Right Text</span> </h3> CSS-#makeLeft{ float: left; } #makeRight{ float: right; }

Oct 27, 2010 · <p> <span style="float: right">Text on the right</span> <span style="float: left">Text on the left</span> </p> however, this will get you into trouble if the text overflows. If you can, use divs (block level elements) and give them a fixed width.

Jan 16, 2012 · It can sometimes be useful to have some text be aligned to the left and some text be aligned to the right on the same line. For example, in a footer, where you might want to have copyright info on the left and webmaster info on the right.

Sep 17, 2024 · Apply CSS with display: flex; for side-by-side alignment, or float: right; to position the icon, using justify-content: space-between; for balanced spacing. Example 1: In this example, the icon is positioned on the right side of the text using display: flex;.

May 8, 2023 · In this article, we will learn how to display text Right-to-Left using CSS. This is done with the help of the CSS Direction property. By default, the text alignment is set to left to right direction in HTML Document. To display the text from right to left, we simply set the direction property to the value of “rtl”. Syntax:

Sep 22, 2022 · With CSS, you have many options that you can use to align your text. The major CSS property that works well with text alignment is the text-align property. You use this property to specify the horizontal alignment of text in an element. Suppose you have some text on your web page, for example:

Mar 10, 2025 · Spaces out the content to line up its left and right edges to the left and right edges of the line box, except for the last line. Similar to inherit, but the values start and end are calculated according to the parent's direction and are replaced by …

Jan 27, 2025 · The text-align property in CSS is used for aligning the inner content of a block element. p { text-align: center; } These are the traditional values for text-align: left – The default value. Content aligns along the left side. right – Content aligns along the right side. center – Content centers between the left and right edges. White ...

Set the text alignment for different <div> elements: More "Try it Yourself" examples below. The text-align property specifies the horizontal alignment of text in an element. Show demo . The numbers in the table specify the first browser version that fully supports the property. text-align: left|right|center|justify|initial|inherit;