Format/indent pagina html

Buongiorno, problema di formattazione html
in una pagina html ho tre link sulla stessa riga, le righe dei link sono "indentate" e composte da più parole, esempio:

Bando di concorso per gli Istituti delle Scuole Superiori Lettera di presentazione

Presentazione contenuti (link)
Linee guida (link)
Commissione Valutativa degli elaborati Scheda argomenti proposti Motivazioni della Premiazione (3 link)

se visualizzo la pagina su un tablet o su cell, la terza riga si presenta così

Commissione Valutativa degli elaborati Scheda argomenti proposti Motivazioni della

Premiazione

domanda: è possibile fare in modo che un link composto da più parole venga considerato un unico blocco?
in modo che quando riduco la pagina, il testo del link non venga spezzato?
In caso affermativo, è possibile allineare la frase alla linea superiore? come nell'esempio sottostante?

Bando di concorso per gli Istituti delle Scuole Superiori Lettera di presentazione

Presentazione contenuti (link)
Linee guida (link)
Commissione Valutativa degli elaborati Scheda argomenti proposti
Motivazioni della Premiazione

Non vorrei usare i tag <ol> e <ul>
Grazie per il supporto
Giuseppe

Riporta l'indirizzo della pagina in questione, con anche una schermata di come la visualizzi.

Purtroppo oggi il sito è bloccato, arrivo alla home page e non prosegue, c'è qualche problema?
Il nome del sito + "slossel.altervista.org" e la pagina è "acqua3.html"
Anche il programma "Filezilla" non si connette.

Grazie per il supporto
p.s.: siamo una associazione di volontariato che si occupa di "Uomo Tecnologia Ambiente"

Leggi http://forum.it.altervista.org/annun...r-fr-rete.html

Citazione:

---

Originalmente inviato da slossel

Buongiorno, problema di formattazione html
in una pagina html ho tre link sulla stessa riga, le righe dei link sono "indentate" e composte da più parole, esempio:

Bando di concorso per gli Istituti delle Scuole Superiori Lettera di presentazione

Presentazione contenuti (link)
Linee guida (link)
Commissione Valutativa degli elaborati Scheda argomenti proposti Motivazioni della Premiazione (3 link)

se visualizzo la pagina su un tablet o su cell, la terza riga si presenta così

Commissione Valutativa degli elaborati Scheda argomenti proposti Motivazioni della

Premiazione

domanda: è possibile fare in modo che un link composto da più parole venga considerato un unico blocco?
in modo che quando riduco la pagina, il testo del link non venga spezzato?
In caso affermativo, è possibile allineare la frase alla linea superiore? come nell'esempio sottostante?

Bando di concorso per gli Istituti delle Scuole Superiori Lettera di presentazione

Presentazione contenuti (link)
Linee guida (link)
Commissione Valutativa degli elaborati Scheda argomenti proposti
Motivazioni della Premiazione

Non vorrei usare i tag <ol> e <ul>
Grazie per il supporto
Giuseppe

---

Devi usare le media queries per i dispositivi mobili

Ho provate ad inserire le MediaQuery relative al dispositivo Smartphone ma il risultato non cambia.

Codice:

---

@media only screen and (min-width: 321px) and (max-width: 480px) {
  .box {
    color:#9d9d9d;
    font-size:12px;
    line-height:18px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 480px;
  }
}

---

Il ritorno a capo è a margine "0". L'obiettivo è potare a capo il testo intero dell'ultimo link, allineato alla riga superiore. (pagina web: http://slossel.altervista.org/acqua3_mobile.html) Style:index1.css