body {
    border: solid black 1px;
    width: 100px;
}

.bubble {
    display: inline-block;
    margin-left: 30px;
    border: solid gray 4px;
    border-radius: 10px;
    padding: 8px;
}

.bubble:before {
    left: 10px;
    top: 20px;
    border: 16px solid;
    border-color: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent;
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
}

.bubble:after {
    left: 21px;
    top: 24px;
    border: 11px solid;
    border-color: white;
    border-left-color: transparent;
    border-bottom-color: transparent;
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
}