.speech {
    width: 250px;
    background: green;
    padding: 30px;
    text-align: center;
    font-size: 35px;
    border-radius: 35px;
    color: cyan;
    position: relative;
}

/* Creates triangular tip on the
   end, for our speech bubble 
   with some styling */
.speech:before {
    content: "";
    position: absolute;
    border-left: 20px solid green;
    border-right: 20px solid transparent;
    border-top: 20px solid green;
    border-bottom: 20px solid transparent;
    right: -20px;
    top: 10px;
}