Korean
English
English 
Korean 
**핵심 변경 사항 및 설명:**
* **중앙 정렬 (text-align: center):** 전체 `div`에 적용하여 모든 내용이 가운데 정렬되도록 했습니다.
* **`text-ko` 및 `text-en` 클래스 적용:** 한글 텍스트는 `.text-ko` 클래스를, 영어 텍스트는 `.text-en` 클래스를 가지도록 했습니다. `.text-en` 클래스에는 `display: none;` 스타일이 적용되어 초기에는 숨겨져 있습니다.
* **이미지 중복 제거:** 이미지 URL이 중복되어도 한 번만 표시되도록 했습니다. 이미지는 `` 태그를 사용하여 표시하고, `display: block; margin: 20px auto;` 스타일을 적용하여 가운데 정렬했습니다.
* **영역 구분 및 스타일:** 텍스트 내용에 따라 의미 있는 영역으로 구분하고, 필요한 경우 (예: “성분”, “평균 영양가”) 제목 부분은 굵게 표시했습니다. `margin-bottom` 스타일을 사용하여 각 영역 사이에 간격을 주었습니다.
* **Inline 스타일 사용:** 요청하신 대로 모든 스타일을 inline으로 적용했습니다.
* **이미지 alt 텍스트:** 이미지에 대한 설명을 `alt` 속성에 추가하여 접근성을 높였습니다.
* **불필요한 태그 제거:** TEXT 앞의 불필요한 태그는 제거하고 HTML 구조에 맞게 변환했습니다.
* **전체 구조:** 전체 콘텐츠를 감싸는 `
* **가독성:** 코드의 가독성을 높이기 위해 적절한 들여쓰기를 사용했습니다.
* **bold 스타일 적용:** 성분, 평균 영양가 등의 제목을 강조하기 위해 bold 스타일을 적용했습니다.
**사용 방법:**
1. 위의 HTML 코드를 워드프레스 페이지 또는 게시물의 HTML 편집기에 붙여넣습니다.
**참고:**
* 영어 텍스트 표시/숨김 기능을 구현하려면 JavaScript 코드가 추가로 필요합니다. 워드프레스 테마의 JavaScript 파일이나 사용자 정의 JavaScript 코드를 사용하여 구현할 수 있습니다. 예를 들어, 버튼 클릭 시 `.text-en` 클래스의 `display` 속성을 `block` 또는 `none`으로 변경하는 방식으로 구현할 수 있습니다.
* 스타일은 필요에 따라 수정할 수 있습니다. 예를 들어 폰트 크기, 색상, 간격 등을 변경할 수 있습니다.
이 코드는 제공해주신 요구사항을 최대한 반영하여 작성되었습니다. 워드프레스 환경에 맞게 조정하여 사용하시면 됩니다.
