h1 scappa da div

/index.php

Vedete l'h1 che esce da header?
Come ce lo rimetto dentro? (vi prego di non dirmi di usare la forza...)

Prova a mettere l'immagine con "vertical-align: middle;" e l'h1 con "display: inline;"

Prova a mettere l'immagine con "vertical-align: middle;" e l'h1 con "display: inline;"

Qual'è la spiegazzione scentifica?

Edit:
Come cambio il testo in base al width?
esempio:
> 500px mostra "deviantArt"
< 499px mostra "dA"

come lo faccio?

Se il width che intendi è dinamico in base alla larghezza dello schermo dell'utente allora si utilizzano le mediaquery in css.
Ad esempio con il codice sotto

<style>
@media screen and (max-width: 500px) {
    .mobileHidden{
        display: none;
    }
}
</style>


<div>d<span class='mobileHidden'>eviant</span>A<span class='mobileHidden'>rt</span></div> 

Dovresti riuscire ad ottenere quello che volevi senza bisogno di linguaggi di programmazione

Se invece ti serve altro ad esempio in base a un ridimensionamento manuale dell'utente di un particolare div, allora devi procedere con il JavaScript (almeno da quanto so io).

P.s. dovresti aprire un thread per ogni domanda

[...]

graziemille,ora l'header è figo

Per la questione dei thread:
nograzie.
evito il cross posting, evito di aprire topic inutili, e avverto che sarei capace di iniziarne 50 in mezz'ora