Estoy tratando de anular un HTML generado por un software. No puedo cambiar el HTML, pero sin embargo, el software ofrece la posibilidad de agregar CSS en línea. Estos son bloques anidados unos dentro de otros.

 <div id='A'> DIV A <div id='B'> DIV B <div id='C'> DIV C </div> </div> </div>

Aquí A>B>C. he intentado agregar

 #A > div {display:inline-blocks;} & #A { display: flex; flex-direction: row; }

pero de alguna manera DIV C siempre está debajo de DIV B ya que está codificado bajo DIV B. ¿Existe de todos modos? Puedo anular el CSS. La salida que busco es similar a la siguiente, con DIV B y DIV C alineados horizontalmente, no debe superponerse a diferentes tamaños de pantalla