html - Css Borders with Triangles -

this question has answer here:

• speech bubble arrow 2 answers

how can create div using html , css?

  ___________________  <                   |   |                  |   |                  |   ____________________     

you can use div or other element text box. using :before class, in combination transparent border (on 3 sides) can create arrow.

more info can found here

div {    position: relative;    background: lightblue;    width: 200px;    height: 100px;  }  div:before {    position: absolute;    right: 100%;    top: 10px;    content: " ";    height: 0;    width: 0;    border: 10px solid lightblue;    border-color: transparent lightblue transparent transparent;  }

<div>textbox arrow</div>