span 태그에 text-align:right; 코드가 왜 반영되지 않는 건가요

가운데-좌측-가운데 순서로 정렬할때 1. 전체div center 정렬하고 좌측부분에 left 정렬 VS 2. 가운데 부분만 center 정렬 ?

CSS 이용한 정렬의 우선순위

이미지만 위치 정렬을 하려고 할 때 이미지가 깨져요

<p> 태그에다가 정렬 코드 넣으면 <span> 태그에도 적용이 되는건가요?