Box Shadow Glow On HOver

Below Code

This Is My Text

Below Is The Code

<style type="text/css">

.m{

border: 1px solid red;

padding:12px;

}

.m:hover{

  box-shadow: 0px 0px 15px 5px red; 

    -webkit-box-shadow: 0px 0px 15px 5px red;

    -moz-box-shadow: 0px 0px 15px 5px red;

  cursor: pointer;

  box-shadow: 1px;

  shape-outside: 12px;

}

</style>

<div class="m">

<p>

This Is My Text 

</p>

</div>