solution?

by nukeboy212

HTML

<div class="beamember">
    <div class="membercontent">
      <h5><span style="font-weight:bolder;">Sign up</span> to get more benefits!</h5>
      <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent elit odio, venenatis et 
     nunc at, fringilla accumsan felis. Sed vestibulum gravida pulvinar. Nullam posuere et orci sed 
     semper. Phasellus ligula leo, dignissim sed leo sit amet, convallis pretium urna. Etiam diam 
     turpis, maximus nec lobortis nec, congue nec sem. Phasellus pellentesque purus eros, id 
     imperdiet felis venenatis quis. In sit amet odio dolor.</p>
     <a href="#">Register Now!</a>
     </div>

CSS

.beamember{
      position:relative;
      font-size: 1em;
      letter-spacing: 1px;
     }

     .membercontent{
       position:absolute;
       z-index:2;
       top:90px;
       left:100px;
       width:300px;
       padding: 10px;
       border-radius: 10px;
       color: white;
       background-color: rgba(0,0,0,0.3);
      }