CSS 實例- placeholder 文字自動折行

input {
   height: 2rem;
}

input::placeholder {
   transform: translateY(-0.5rem);
   white-space: normal;
}

重點:

1. 選擇器 ::placeholder
2. white-space: normal; 超過容器寬度自動換行
3. transform: translateY() 偏移文字