* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

https://spartacodingclub.kr/community/fastqna/all/63de2ad873a097994a2fecd6/photo_description%20%EB%B6%80%EB%B6%84%20%EC%9E%90%EB%8F%99%20%EA%B0%9C%ED%96%89%EC%9D%84%20%EC%9B%90%ED%95%98%EB%8A%94%20%EB%B6%80%EB%B6%84%EC%97%90%EC%84%9C%20%EA%B0%9C%ED%96%89%EC%8B%9C%ED%82%AC%20%EC%88%98%20%EC%9E%88%EB%82%98%EC%9A%94%3F

위 링크 질문에서 추가질문인데요.

개행을 하지 않고 포토프레임 안에 한 줄로 표현하려면 어느 부분을 수정 또는 추가해야하나요?

작성한 코드 및 에러 메세지

.photo_description{

            color: black;

            background-color: white;

            width: fit-content;

            padding: 0 20px;

            margin-bottom: 10px;

            border-radius: 10px;

            position: absolute;

            bottom: 0;

            transform: translate(-50%);

            left: 50%;

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!