freeCodeCamp/guide/english/certifications/responsive-web-design/css-flexbox/use-the-align-self-property/index.md

---
title: Use the align-self Property
---
# Use the align-self Property

---
## Problem Explanation
The main take away from this challege should be the fact that `float`, `clear`, and `vertical-align` do not work on flex items. This is why we have the flex property `align-self` which accepts the same values as `align-items` and will take precedence over any values set by the later.

This means `align-self: center;` would work while `align-items: center;` would not.
fix: change directory structure 2018-10-12 15:37:13 -04:00			`---`
			`title: Use the align-self Property`
			`---`
fix(guide): restructure curriculum guide articles (#36501) * fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions 2019-07-24 00:59:27 -07:00			`# Use the align-self Property`
fix: change directory structure 2018-10-12 15:37:13 -04:00
fix(guide): restructure curriculum guide articles (#36501) * fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions 2019-07-24 00:59:27 -07:00			`---`
			`## Problem Explanation`
fix: change directory structure 2018-10-12 15:37:13 -04:00			The main take away from this challege should be the fact that `float`, `clear`, and `vertical-align` do not work on flex items. This is why we have the flex property `align-self` which accepts the same values as `align-items` and will take precedence over any values set by the later.

			This means `align-self: center;` would work while `align-items: center;` would not.