간단하게 두 경우가 있습니다.

<style>
    h1 {
        text-align: center;
}
    img {
        display: block;
        text-align: center; 
}
</style>

<body>
    <h1>headline1</h1>
    <img src="../images/image.jpg" width= 300px>
</body>

h1태그는 원래 block 속성이고, img태그는 inline이지만 style에서 block으로 변경하였고,

둘 다 block 속성으로 갖게 되었는데

h1태그는 "text-align: center; "가 적용가능하고

img태그는 왜 불가능한지 궁금합니다.

같은 block속성인데

h1태그는 그 줄의 전 영역을 차지하려는 성향이 있는데

img태그는 block으로 속성을 변경하여도 h1태그와 같은 그 줄의 전 영역을 차지하려는 성향을 갖지 않는지 궁금합니다.