Balon Kata

by Taufik Nurrohman

HTML

<blockquote>Lorem ipsum dolor sit amet...</blockquote>

CSS

body {
    padding:50px;
    background-color:gold;
}

blockquote {
    position:relative;
    background-color:white;
    font:normal normal 12px/1.4 'Trebuchet MS',Trebuchet,Geneva,Arial,Sans-Serif;
    color:maroon;
    padding:10px 15px;
    border:2px solid darkgreen;
}

blockquote:before,
blockquote:after {
    content:"";
    display:block;
    width:0;
    height:0;
    border:10px solid transparent;
    border-left-color:darkgreen;
    position:absolute;
    top:8px;
    left:100%;
}

blockquote:after {
    border-width:7px;
    border-left-color:white;
    top:11px;
}