How to make a Hoverover Block inline-CodePudding

I just started understanding HTML and doing a bit of Programming so i would appreciate a simple reply! Im trying to create a test website with a 5x5 table of Block which which scale up once hovering over my current code is. I dont find any way of combing it with

CodePudding user response：

I think that you should remove the transition because you have already defined width and height. Also you should try to add an id or class to the div and call it with the id or the class. In that way you will specify to which div you want to add the CSS rules. Also you can change the font-size if you want to.

.text {
 width: 100px;
 height: 100px;
 background: gray;
}

.text:hover {
 width: 130px;
 height: 130px;
 background:gray;
 }

<div >
  <p style="text-align: center;"><span style="font-family: 
   Georgia;">Lorem ipsum</span></p>
</div>