HTML looks different in explore tan in pure html

Why does the following HTML code in a LookML view display differently in a explore than in a pure HTML view?

Code:

measure: barra_test {
type: string
sql: 1 ;;
html:
<html>
<div style="position: relative; width: 100px; height: 20px; background-color: #e0e0e0; border: 1px solid #ccc; border-radius: 4px;">
<div style="position: absolute; top: 0; left: 0; height: 100%; width: 40%; background-color: #4CAF50; border-radius: 4px 0 0 4px;"></div>
<div style="position: absolute; top: 0; left: 51%; height: 100%; width: 4px; background-color: red;"></div>
</div>
<div style="font-size: 10px; text-align: center;">
40% avance / 51% del mes
</div>
</html>
;;
group_label: "Indicadores visuales"
}

View in Looker: 

szaballa_0-1747583489988.png

View same code in HTML: 

szaballa_1-1747583568176.png

Any ideas?

Thank you!

 

0 4 297
4 REPLIES 4
Top Labels in this Space