Create a floating thought bubble with customizable style.

HTML

<div class="thought"> Put your text here </div>
<style>
.thought {
    /* positions the bubble independent from the layout */
    position: absolute;
    /* the curve of the corners. higher numbers = curvier.
    high enough number = circle */
    border-radius: 30px;
    /* the distance between the text and the outside of the bubble
    how much empty space there should be in the bubble*/
    padding: 15px;
    /* Use to set the position of the bubble */
    top: -20px;
    left: -20px;
    /* Background color */
    background: gray;
    /* Use max-width to set how long each row of text should be */
    max-width: 250px;
}
</style>