I'm having an issue with a text box I created and I couldn't find a solution elsewhere. Here is the CSS script for the text box:
css:
.cln{
top:220px;
width:680px;
height:350px;
text-align:left;
overflow:scroll;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
<input type="text" class="cln" placeholder="That is my pet right there:)" maxlength="2024"/>
The problem I am facing is that text typed in the box starts from the center (50% to 50%) and goes sideways instead of moving vertically and it doesn't scroll. I want the text to start from the top left and stay within the borders of the text box. I have tried adjusting white-space overflow text-align
properties but nothing seems to work.
Any help or suggestions would be greatly appreciated. Thank you!