te salta una linea porque estas anidando el mensaje en un DIV que por defecto tiene flujo de bloque (CSS display:block), puedes reemplazarlo por un span con flujo de línea, ademas
no estabas cerrado esa etiqueta (tags rotos), no encierras los atributos en comillas:
Código Javascript
:
Ver originaldocument.getElementById("capaNombre").innerHTML= ('<div><span style="font-size:25px;">Hola,</span><span style="font-size:30px;">' + nombre.charAt(0).toUpperCase() + nombre.substring(1,99) + '</span></div>');
incluso puedes usar el
CSS text-transform:capitalize para colocar en mayúsculas la primera letra de cada palabra sin necesidad de js:
Código Javascript
:
Ver originaldocument.getElementById("capaNombre").innerHTML= ('<div><span style="font-size:25px;">Hola,</span><span style="font-size:30px;text-transform:capitalize;">' + nombre + '</span></div>');