What is difference between "text-align:center;" and "align-self:center"?

Web Development
#1

What is difference between “text-align:center;” and “align-self:center”?

#2

“text-align:center” - It will align the text at the center, depending upon the content added in the page. For example - #myDetails { text-align: center; }
"align-self:center" - It specifies the alignment for the selected item inside the flexible container. For example - #myDiv { align-self: center; }