# The “X” attribute on the “Y” element is obsolete. Use CSS instead.
> Canonical HTML version: https://rocketvalidator.com/html-validation/the-x-attribute-on-the-y-element-is-obsolete-use-css-instead
> Attribution: Rocket Validator (https://rocketvalidator.com)
> License: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/)
In earlier versions of HTML (HTML4 and XHTML), it was common to use attributes like `align="center"`, `bgcolor="#ff0000"`, or `border="1"` directly on elements to control their appearance. HTML5 enforces a clear separation between structure (HTML) and presentation (CSS). These presentational attributes are now considered obsolete, and the HTML specification instructs authors to use CSS for all visual styling.
This matters for several reasons:
- **Standards compliance:** Using obsolete attributes produces invalid HTML5, which can lead to unpredictable rendering across browsers.
- **Maintainability:** Scattering styling across HTML attributes makes it harder to update your site's design. CSS allows you to manage styles from a single location.
- **Accessibility:** Screen readers and assistive technologies work best with well-structured, standards-compliant HTML. Mixing presentation into markup can confuse these tools.
- **Future-proofing:** Browsers may eventually drop support for obsolete attributes entirely, breaking your layout.
To fix this issue, identify the obsolete attribute in your HTML, determine the equivalent CSS property, remove the attribute, and apply the CSS rule using a `style` attribute, an internal `