Search code examples
htmlcsstextareafooter

How to make a footer a textarea

My Code:

<div style="position:fixed; width:100%; height:70px; background-color:yellow; padding:5px; bottom:0px; ">
        test content :D
    </div>

I want a text area to be a footer like there is in a messenger(chat).Here is how my footer text-area should be

[Inshort] I have a div which is a footer but i want a text-area to be a footer

And when i changed the div to text-area i am not able to center it. Like in the picture

Solution

  • You can just change your <div...> element to <textarea...> element.

    <textarea style="position:fixed; width:100%; height:70px; background-color:yellow; padding:5px; bottom:0px; ">
    test content :D
</textarea>