I’m trying to create some CSS speech bubble with a version with the arrow at the top and one with the arrow at the bottom.
I have the one with the arrow at the bottom working, but I can’t work out how to get the arrow on top.
I have this fiddle:
Also, I have duplicated the HTML of the bottom one, but the second one has a 1px line appearing under the arrow.
Can anyone help me create the version with it at the top?