seems core Markdown does this too?

[Mariusthvdb]

HI,

Please let me ask below, as I am confused a bit as to the why for this card. What you have in your example is like a few cards I use myself, so Ive tested:

type: markdown
content: >-

  Sun state: <b>{{ states('sun.sun') }}</b>, elevation: {{
  state_attr('sun.sun','elevation') }}</br>

  <b>Hello</b> there!<p>General <u>Kenobi!</u></p>

  <img src="https://i.redd.it/ltxppihy4cyy.jpg" width="70%"/></br>

  <ha-icon icon="mdi:speaker"></ha-icon> Volume: {{
  states('input_number.radio_volume') }}%</br>

  <center><img
  src="https://vignette.wikia.nocookie.net/starwars/images/f/fa/Modal_Nodes_02.jpg"
  width={{ states('input_number.radio_volume')|float *100 }}%/></center>

and it seems identical to what you are doing. Note I did change the template in the slider a bit but other than that, seems perfectly fine and identical

What is it you are not seeing in Markdown that makes your new card fill the gap?

No criticism, always cool when people create nice extra cards. Just like to know what I am not seeing.. ;-0

thanks!