<td class="img">
   <img src="simple.jpg" alt="Пример подписи/номера" />
   <span>#1</span>
</td>

.img {
   position    : relative;
   width  : 100%; /* для IE 6 */
}

span {
   position: absolute;
   bottom: 100px;
   right: 0;
}

#menu{
     margin: 0;
     padding: 0;
     text-align: center;
     list-style-type: none;
}

#menu li{
     display: inline;     
     padding: 10px 3px;     
}

#menu li a{
     font-size: 24px;
     color: #faf3ed;
     line-height: 40px;
     padding: 0 20px;
     height: 44px;
     letter-spacing: -1px
}

nav {
     margin: 0 auto;
     padding: 0;
     width: 100%;
}

nav ul{
     list-style: none;
     text-align: center;
}

nav ul li{
     display: inline;
     margin-left: 10px;
}

nav ul li:first-child{
     margin-left: 0;
}

nav ul li a{
           text-decoration: none;
           color: #000;
}
         
nav ul li a:hover{
          color: lightblue;
}

<nav>
  <div style=" width:100%; height:1px; clear:both;"></div>
  <div id="line">#1</div>
  <div id="line">#2</div>  
  <div id="line">#3</div>  
  <div id="line">#4</div>
  <div id="line">#5</div>
  <div style=" width:100%; height:1px; clear:both;"></div>
</nav>

nav {
     text-align: center;
     width:500px;
     margin: 0 auto;
}

nav #line{
     padding: 2px 10px;
     float: left;     
     text-align: center;
     width: 18%;     
     margin: 0 1%;
     box-sizing: border-box;      
         
}