inline-block 속성을 준 요소의 vertical-align

예시의 초록배경의 'name'의 위치

i 태그에 style 적용을 했는데 옆에 p 태그에도 적용이 되는 이유가 무엇인가요?

i 태그와 span 태그의 차이점이 무엇인가요?

css 코드가 이해가 안가요