Visualizzazione dei risultati da 1 a 4 su 4

Discussione: linea con icone centrali

  1. #1

    linea con icone centrali

    Salve, dovre inserire al centro di una linea 3 icone ma non ci riesco. Per la linea uso <hr>
    ma non ho capito che direzione prendere, devo dividere i div o c'è un modo piu semplice ?
    Grazie

    linea.png

  2. #2
    Trovato, lo faccio da css si divide l'hr in prima e dopo.

  3. #3
    Moderatore di XHTML e HTML L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    18,447
    Quote Originariamente inviata da linux.mail Visualizza il messaggio
    Trovato, lo faccio da css si divide l'hr in prima e dopo.
    quando hai fatto posta l'esempio pratico, in modo che possa essere utile anche ad altri con la stessa questione


  4. #4
    Allora ho trovato questo, ma ci sono altri modi ovviamente
    codice:
    div {
      text-align: center;
    }
    
    span {
      display: inline-block;
      vertical-align: middle;
    }
    
    .outer-line {
      width: 40%;
      border-bottom: 1px solid red;
    }
    codice HTML:
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/>
    <div>
      <span class="outer-line"></span>
      <span class="fa fa-rebel" aria-hidden="true" style="margin:10px 0"></span>
      <span class="outer-line"></span>
    </div>
    Ho inserito tre icone in fila con il rispettivo link ma la linea non mi arriva al 100% del div e vorrei avere più spazio tra le icone.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved.