I have thoroughly searched the net and in particular w3schools, but unable to find the technical term for my requirement, so posting this question with images.
I have this simple box in a standard HTML DIV element:
The basic HTML is
#my-box {
padding: 20px;
margin: 20px;
border: #212121 3px solid;
border-radius: 6px;
display: inline-block;
text-align: center;
border-radius: 3px;
}
I simply want to add a "Bubble" or a "Star", or a "Badge", or a "Callout" kind of shape at the top-left of this box, where I can place some promotional text, like as follows:
I just don't know what this top-up figure is called in technical HTML terms, so seeking help. Searching for "Batch", "Callout", "Banner" HTML terms are giving something else.
Will be happy to delete this question if there is something already available. Please let me know with examples (or links).