JSFiddle - React, Tailwind, and code Playground

by ankit saxena

HTML

<h1 style="background:#006666; color:white; text-align:center;"> this is the example of  resize horizontaly, verticaly and both.</h1>
<div class="div1">
CssZilla is a best blog to learn about web designing.</div>
<div class="div2">
CssZilla is a best blog to learn about web designing.</div>
<div class="div3">
CssZilla is a best blog to learn about web designing.</div>

CSS

.div1{

background:green;

color:white;

font-size:18px;

resize: horizontal;

overflow: auto;

width:200px;

height:200px;

margin-bottom:10px;

 

text-align:center;

 

}

 

 

.div2{

   background:orange;

color:white;

font-size:18px;

resize: vertical;

overflow: auto;

width:200px;

height:200px;

margin-bottom:10px;

}

 

.div3 {

    background:#6666CC;

color:white;

font-size:18px;

resize: both;

overflow: auto;

width:200px;

height:200px;

margin-bottom:10px;
}