
    text-overflow: ellipsis;
    max-width: 15%;
    overflow: hidden; 
    
  }
  .calendar ol li {
    outline: 1px solid white;
    background-color: rgba(0,0,0,0.1);
    text-align: right;
    height: 100px;
    padding: 5px;
  }
  .calendar ol li:before {
    counter-increment: calendar;
    content: counter(calendar);
  }
</style>
</head>
<body>
  <article class="calendar friday days31">
  <h1>December 2017</h1>
  <ul class="days">  
    <li>Sunday</li> 
    <li>Monday</li>
    <li>Tuesday</li>
    <