Как поместить placeholder в верхний угол, используя CSS, чтобы он не располагался по середине по вертикальной линии, как в этом примере: https://codepen.io/scrappyjs666/pen/mdvgZJv?
Для расположения элемента input в начале, сверху по вертикальной оси можно использовать CSS свойство "align-self" с значением "flex-start". Например:
```css
input {
align-self: flex-start;
}
```
Чтобы поместить placeholder в верхний угол, можно использовать CSS позиционирование и относительное позиционирование элемента-контейнера. Например:
```css
.container {
position: relative;
}
input {
position: absolute;
top: 0;
}
input::placeholder {
position: absolute;
top: 0;
}
```
В данном примере, элемент-контейнер имеет относительное позиционирование, а сам input и его placeholder имеют абсолютное позиционирование с верхней границей контейнера (top: 0).
Один из способов - добавить тег <b>label</b> и его спозиционировать. <br/> <br/> Я бы лучше обернул <b>input</b> в <b>div</b> или <b>label</b> и дал бы ему псевдоэлемент, который также можно спозиционировать и стилизовать. А содержимое псевдоэлемента можно задать через атрибут родителя, тогда можно с помощью <b>JS</b> его динамически менять, если понадобится. <br/> <a href="https://codepen.io/stanislaff/pen/YzBbwGP" rel="nofollow">https://codepen.io/stanislaff/pen/YzBbwGP</a> <br/> Есть еще <a href="https://codepen.io/stanislaff/pen/RwvmrMG" rel="nofollow">вот такой вариант</a> , если подходит