vertical-align

Elements
    Properties
      Sizes
        SVG
        <img data-src="vertical-align.svg" class="iconic iconic-sm" alt="vertical-align">
        <img data-src="vertical-align.svg" class="iconic iconic-md" alt="vertical-align">
        <img data-src="vertical-align.svg" class="iconic iconic-lg" alt="vertical-align">
        
        Default Icon Font
        <span class="iconic iconic-sm" data-glyph="vertical-align-top" title="vertical align top" aria-hidden="true"></span>
        <span class="iconic iconic-md" data-glyph="vertical-align-top" title="vertical align top" aria-hidden="true"></span>
        <span class="iconic iconic-lg" data-glyph="vertical-align-top" title="vertical align top" aria-hidden="true"></span>
        
        Bootstrap Icon Font
        <span class="iconic iconic-vertical-align-top iconic-sm" title="vertical align top" aria-hidden="true"></span>
        <span class="iconic iconic-vertical-align-top iconic-md" title="vertical align top" aria-hidden="true"></span>
        <span class="iconic iconic-vertical-align-top iconic-lg" title="vertical align top" aria-hidden="true"></span>
        
        Foundation Icon Font
        <span class="fi-vertical-align-top iconic-sm" title="vertical align top" aria-hidden="true"></span>
        <span class="fi-vertical-align-top iconic-md" title="vertical align top" aria-hidden="true"></span>
        <span class="fi-vertical-align-top iconic-lg" title="vertical align top" aria-hidden="true"></span>
        
        CSS

        Semantic SVG

        data-vertical-alignment

        Sets the vertical alignment

        • top

          <img data-vertical-alignment="top" data-src="vertical-align.svg" class="iconic" alt="vertical-align" />
          
        • center

          <img data-vertical-alignment="center" data-src="vertical-align.svg" class="iconic" alt="vertical-align" />
          
        • bottom

          <img data-vertical-alignment="bottom" data-src="vertical-align.svg" class="iconic" alt="vertical-align" />
          
        Method name

        Options/Examples

        setVerticalAlignment(verticalAlignment)

        top
        center
        bottom

        Icon Font

        Iconic may be all about SVG, but it also comes with a killer font. For the full skinny, read our icon font and Bootstrap/Foundation guides.

        <!-- Default -->
        <span class="iconic" data-glyph="vertical-align-top" title="vertical align top" aria-hidden="true"></span>
        <!-- Bootstrap -->
        <span class="iconic iconic-vertical-align-top" title="vertical align top" aria-hidden="true"></span>
        <!-- Foundation -->
        <span class="fi-vertical-align-top" title="vertical align top" aria-hidden="true"></span>
        
        • vertical-align-top

        • vertical-align-center

        • vertical-align-bottom

        was copied for yah