Korean
English
English 
Korean 
Nivea Men’s Men Silver Protect Shower Gel 250ml
NIVEA MEN SILVER PROTECT SHOWER GEL 250ml
Arm yourself with a silver shield to eliminate sweat odor and stay refreshed all day long.
Shower gel with anti-odor function for sports and office work.
Antibacterial ingredient containing silver ions eliminates bacteria that cause unpleasant body odor.
– Contains silver ions to remove unpleasant odors.
– Antibacterial ingredient removes bacteria that cause sweat odor.
– Provides long-lasting freshness.
– A fragrant scent that provides new energy on a tiring day
– Dermatologically tested and approved
– Antibacterial ingredient removes bacteria that cause sweat odor.
– Provides long-lasting freshness.
– A fragrant scent that provides new energy on a tiring day
– Dermatologically tested and approved
All ingredients: Aqua, Sodium Laureth Sulfate, Cocamidopropyl Betaine, Sodium Chloride, Decyl Glucoside, Parfum, Silver Citrate, Glycerin, Citric Acid, Glycol Distearate, Laureth-4, Sodium Sulfate, Sodium Benzoate, Linalool, Limonene, CI 61570, CI 16035, CI 10316.
+ Even if you purchase 500ml of shower gel, if there is not enough stock locally, two 250ml products will be sent instead.
+ Our store sells a variety of Nivea shower gels.
**설명:**
* **`
` 컨테이너:** 전체 콘텐츠를 중앙에 정렬하는 부모 `
`입니다.
* **이미지:** `![]()
` 태그를 사용하여 이미지를 표시합니다. `alt` 속성은 이미지 설명을 제공합니다. `display: block; margin: 20px auto;`는 이미지를 가운데 정렬하고 위아래로 여백을 추가합니다. 이미지는 중복을 피하기 위해 처음 한 번만 나타납니다.
* **한글/영어 텍스트:** 각 텍스트 블록은 `.text-ko` 클래스가 적용된 한글 버전과 `.text-en` 클래스가 적용된 영어 버전으로 구성됩니다. `.text-en` 클래스는 `display: none;`을 사용하여 초기에는 숨겨집니다.
* **인라인 스타일:** `style` 속성을 사용하여 각 요소에 직접 스타일을 적용했습니다.
* **텍스트 정렬:** `text-align: center;`를 사용하여 모든 텍스트를 가운데 정렬했습니다. `text-align: left;` 와 `margin-left: auto; margin-right: auto; width: 80%;`를 사용하여 목록형식의 텍스트를 왼쪽 정렬하고 가운데로 오도록 구현했습니다.
* **영역 구분:** 각 의미있는 텍스트 덩어리를 별도의 `
* **이미지:** `
* **한글/영어 텍스트:** 각 텍스트 블록은 `.text-ko` 클래스가 적용된 한글 버전과 `.text-en` 클래스가 적용된 영어 버전으로 구성됩니다. `.text-en` 클래스는 `display: none;`을 사용하여 초기에는 숨겨집니다.
* **인라인 스타일:** `style` 속성을 사용하여 각 요소에 직접 스타일을 적용했습니다.
* **텍스트 정렬:** `text-align: center;`를 사용하여 모든 텍스트를 가운데 정렬했습니다. `text-align: left;` 와 `margin-left: auto; margin-right: auto; width: 80%;`를 사용하여 목록형식의 텍스트를 왼쪽 정렬하고 가운데로 오도록 구현했습니다.
* **영역 구분:** 각 의미있는 텍스트 덩어리를 별도의 `
`로 묶어 시각적으로 구분했습니다. `margin-bottom: 30px;`를 사용하여 각 섹션 아래에 여백을 추가했습니다.
* **글꼴 스타일:** 제목에 해당하는 부분은 `font-weight: bold; font-size: 1.2em;`을 사용하여 강조했습니다.
* **글꼴 스타일:** 제목에 해당하는 부분은 `font-weight: bold; font-size: 1.2em;`을 사용하여 강조했습니다.
**참고:**
* 이 코드는 워드프레스 테마의 HTML 에디터 또는 사용자 정의 필드를 통해 페이지에 삽입할 수 있습니다.
* 영어 텍스트를 표시하려면 JavaScript를 사용하여 `.text-en` 요소의 `display` 속성을 `block` 또는 `inline`으로 변경하고 `.text-ko` 요소의 `display` 속성을 `none`으로 변경해야 합니다. (예: 버튼 클릭 이벤트로 토글)
* CSS 클래스를 사용하여 스타일을 분리하면 코드 유지 관리가 더 쉬워집니다. 하지만 요청사항에 따라 inline 스타일로 작성되었습니다.
* 이미지 URL이 올바른지 확인하세요.
이 HTML 구조는 상품 상세 정보 페이지에서 한글과 영어 버전을 표시하는 데 사용할 수 있는 기본적인 레이아웃을 제공합니다. 필요에 따라 스타일과 기능을 추가할 수 있습니다.
