speech bubble, plain

speechBubble.css

  .bubble {
  position:relative;
	padding:10px;
	margin:1em 0;
	color:#000;
  line-height: 1.65em;
  font-weight: 500;
	background:#EDE4A6;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
  }
.bubble:after {
    content:"";
    position:absolute;
    bottom:-15px; /* -(order-top minus border-bottom) */
    left:50px; 
    border-width:15px 15px 0; /*vertex angle controlled by these values */
    border-style:solid;
    border-color:#EDE4A6 transparent;
    /* for older FF */
        display:block; 
      width:0;
    }