JSFiddle

  • list-2

    No-Library (pure JS), HTML, CSS, JavaScript

    <p>Nedan följer listor. Detta är en p-tagg.</p>
    <ul>
        <li>punkt 1. Mer text följer. Mer text följer. Mer text följer. </li>
        <li>punkt 2 ...</li></ul>
  • border

    No-Library (pure JS), HTML, CSS, JavaScript

    <a title="By Berit from Redhill/Surrey, UK [CC BY 2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3AFrom_the_farm%2C_Gotland%2C_Sweden_(6197462414).jpg"><img width="256" alt="From the farm, Gotland, Sweden (6197462414)" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/From_the_farm%2C_Gotland%2C_Sweden_%286197462414%29.jpg/256px-From_the_farm%2C_Gotland%2C_Sweden_%286197462414%29.jpg"/></a>
    
    <a title="By Flickr user: Guillaume Baviere Helsingborg, Sweden http://www.flickr.com/people/84554176@N00/ [CC BY 2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3ASk%C3%A5ne_(Scania)_landscape._Rapeseed_field_near_Maria_Park_outside_Helsingborg.jpg"><img width="256" alt="Skåne (Scania) landscape. Rapeseed field near Maria Park outside Helsingborg" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Sk%C3%A5ne_%28Scania%29_landscape._Rapeseed_field_near_Maria_Park_outside_Helsingborg.jpg/256px-Sk%C3%A5ne_%28Scania%29_landscape._Rapeseed_field_near_Maria_Park_outside_Helsingborg.jpg"/></a>
    
    <a title="By Berit from Redhill/Surrey, UK [CC BY 2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3ALandscape_photo%2C_Gotland%2C_Sweden_(6236478349).jpg"><img width="256" alt="Landscape photo, Gotland, Sweden (6236478349)" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Landscape_photo%2C_Gotland%2C_Sweden_%286236478349%29.jpg/256px-Landscape_photo%2C_Gotland%2C_Sweden_%286236478349%29.jpg"/></a>
    
    <a title="By Ville Miettinen from Helsinki, Finland (View from Bárrás) [CC BY 2.0 (http://creativecommons.org/licenses/by/2.0)], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3AView_from_B%C3%A1rr%C3%A1s.jpg"><img width="256" alt="View from Bárrás" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/45/View_from_B%C3%A1rr%C3%A1s.jpg/256px-View_from_B%C3%A1rr%C3%A1s.jpg"/></a>
    
    <p>Bilder från Wikipedia.</p>
  • homepage

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        
        <header>
            Meny, header-tagg
        </header>
        
        <aside >
            <h1>Aside</h1>
            <ol>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
                <li>aaa</li>
            </ol>
        </aside>
        
        <article >
            <h1>Article </h1>
            <p>
                Text text text text ...</p></article></div>
  • list-facit

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="main">
    <p>En oordnad lista, även kallad punktlista följer</p>
    <ul>
        <li>Text text text text. Text text text text. Text text text text. Text ...</li></ul></div>
  • list #149 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class="main">
    <p>En oordnad lista, även kallad punktlista följer</p>
    <ul>
        <li>Text text text text. Text text text text. Text text text text. Text ...</li></ul></div>
  • menu-facit

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>Detta är en p-tagg. 1, 2, 3 och 4 är a-taggar.</p>
        <nav class="clearfix"><a>1</a>
         <a>2</a>
         <a>3</a>
         <a>4</a>
    
        </nav>
        <p>Detta är en p-tagg. a ...</p></div>
  • menu-margin-padding #4 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>Detta är en p-tagg. 1, 2, 3 och 4 är a-taggar.</p>
        <div class="t-clearfix"> 
             <a>1 </a>
             <a>2</a>
             <a>3</a>
             <a>4</a> 
        </div>
        <p>Detta är en p-tagg. a ...</p></div>
  • menu #100 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>Detta är en p-tagg. 1, 2, 3 och 4 är a-taggar.</p>
        <nav><a>1</a>
         <a>2</a>
         <a>3</a>
         <a>4</a>
    
        </nav>
        <p>Detta är en p-tagg. a ...</p></div>
  • margin-padding-facit

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>1 text text text text text text text</p>
        <p>2</p>
        <p>3</p>
        <p>4</p>                
    </div
  • margin-padding #468 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    <div class='main'>
        <p>1 text text text text text text text</p>
        <p>2</p>
        <p>3</p>
        <p>4</p>                
    </div>