CSS3 Speech Bubble

<style>.sBubble { padding: 10px; background: #333; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; width: 100px;}

.sBubble p{ font-size: 15px; color: #fff; text-align: center; margin:0; padding:0}

.sBubble:after { position: absolute; bottom: -10px; left: 20px; content:''; display:block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333;}</style>
<div class=sBubble> <p>Hello World</p></div>