p (原:沒有折行)
input(type='text' placeholder='View the latest news and breaking news today for U.S., world, weather, entertainment, politics and health at CNN.com')

p 本例:文字折行:
input.line2(type='text' placeholder='View the latest news and breaking news today for U.S., world, weather')

input {
    width: 300px;
    height: 2rem;
    
    &.line2 {
        &::placeholder {
            transform: translateY(-0.5rem);
            white-space: normal;
        }
    }
}






// (以下略)
* {
    text-align: center;
}
input{
    text-align: left;
}