verticalAlign이 제대로 안먹어서 "N개의 사진 더보기" 의 위치가 이상하게 나올경우.

      <>
            <div>
                // img 태그의 스타일에도 버티컬얼라인 미들 추가해주면 정상적으로 나옵니다. 
                <img role="presentation" style={{ verticalAlign: 'middle' }} width="50%" src = {images[0].src} alt={images[0].src} onClick={onZoom} />
                <div
                    role="presentation"
                    style={{ display: 'inline-block', width: '50%', textAlign: 'center', verticalAlign: 'middle' }}
                    onClick={onZoom}
                >
                    <PlusOutlined />
                    <br />
                    {images.length - 1 }개의 사진 더보기
                </div>
            </div>
        </>

사용 환경 Antd 5