How can I make a div take parent div's end as its zero position for start? : I created a profile dialog body like this: 
`
<div style="background-color: white;color: black;border-radius: 2px; position: absolute; top: 52px; right: 10px; padding: 2px">
      <div style="width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 0 10px 15px 10px;
                  border-color: transparent transparent #ffffff transparent;
                  position: relative;
                  top: -10px;
                  right: -165px">
       </div>`

I want to place child little triangle div always 10-20px far away from right end of parent div. How I can make second little triangle div take its start position on right from the end of parent div?