Ich habe einen CSS Pfeil und Text in einer Tabellenzelle ...Wie richte ich einen CSS-Pfeil am vertikalen Mittelpunkt meiner Tabellenzelle aus?
<td><div class="arrow-up"></div> + 1492.46</td>
Wie erhalte ich den Pfeil nach links neben dem Text und auch in der vertikalen Mitte der Zelle auszurichten? Ich habe das unten Styling auf dem Pfeil versucht ...
.arrow-up {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid black;
vertical-align: middle;
}
aber der Pfeil nach wie vor über dem Ausrichten von Text - https://jsfiddle.net/s8e5k3st/. Irgendwelche Vorschläge für die richtige Ausrichtung sind willkommen.