What is the target object of text-align and the target object of text-align?

Source: Internet
Author: User

What is the target object of text-align and the target object of text-align?

What is the target object of text-align:
Suggestion: writing code as much as possible can effectively improve learning efficiency and depth.
This problem may be simple, but many beginners still use the text-align attribute to align div and span elements. In fact, this is an incorrect understanding. The text-align attribute is used to specify the alignment of text in an object. The code example is as follows:
Instance 1:

<! DOCTYPE html> 

From the code above, we can see that text-align does not act on the div element, but the text in the div is indeed right aligned, indicating that the text-align attribute has inheritance.
Example 2:

<! DOCTYPE html> 

From the code above, we can see that the text-align attribute can act on the span element.
Example 3:

<! DOCTYPE html> 

The code above shows that the text-align attribute can act on the img element.
Summary:
1. text-align does not act on block-level elements.
2. text-align acts on text.
3. text-align acts on inline elements.
4. text-align applies to images.

The original address is: http://www.softwhy.com/forum.php? Mod = viewthread & tid = 4652.

For more information, see: http://www.softwhy.com/divcss/

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.