CSS Align

The CSS align property is used to set the horizontal alignment of an element. This property can be applied to various elements such as text, images, tables, and more. There are different values that can be used with the align property to achieve the desired alignment.

Text Alignment

When it comes to aligning text, you can use the text-align property in CSS. The following values can be used:

• left: Aligns the text to the left
• center: Centers the text
• right: Aligns the text to the right
• justify: Justifies the text

Here is an example of how to center align a paragraph using CSS:

p {
  text-align: center;
}
Copy

Image Alignment

To align an image, you can use the float property in CSS. The following values can be used:

• left: Floats the image to the left
• right: Floats the image to the right
• none: Default value, no floating

Here is an example of how to float an image to the right using CSS:

img {
  float: right;
}
Copy

Result:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Table Alignment

When it comes to aligning tables, you can use the text-align property on the td and th elements. The following values can be used:

• left: Aligns the content to the left
• center: Centers the content
• right: Aligns the content to the right

Here is an example of how to center align the content of a table using CSS:

th, td {
  text-align: center;
}
Copy

With the knowledge of these alignment properties, you can effectively control the layout of your web content to achieve the desired presentation.