Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="pt">
  <head>
    <title>Test</title>
    <style>
      * {
        line-height:1;
      }
      .vevent {
        border: 2px solid #DEFFA3; border-width: 2px 0;
        position: relative;
        max-width: 50em;
      }
      .vevent:after {
        content: 'vevent';
        position: absolute;
        left: 0;
        bottom: -1.5em;
        color: #78925B;
      }
      ol {
              margin-bottom: 5em;
      }
    </style>
  </head>
  <body>
​
    <h1>Example</h1>
    <ol>
      <li class="vevent">
        <h4><a class="url summary" href="/foobar">Feira de Natal</a></h4>
                                                                     
        <p class="data-extenso">
          <abbr class="dtstart" title="2011-12-20T14:30:00">20</abbr>
          
          <span class="rrule">
            <abbr class="freq" title="daily">a</abbr>
            <abbr class="until" title="2011-12-24">24 de dezembro</abbr>
          </span>
          &agrave;s 14h30
        
        </p>
        
        <p class="description">A diocese de Braga organizou um conjunto de actividades que têm por base o espólio do Museu Pio XII.</p>
      </li>
    </ol>
    
  </body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers