CodePen

HTML

            
              <div class="right_block">
  <h2>About Us
  </h2>
                
  <div class="about_us">
    <a href="about.html">The specialist in penny shares</a>
    <br/><br/>
    <a href="research.html">Research</a>
    <br/><br/>
    <a href="dealing.html">Dealing</a>
    <br/><br/>
    <a href="settlements.html">Settlements</a>
    <br/><br/>
    <a href="customerservices.html">Customer Services</a>
    <br/><br/>
    <a href="fsa.html">Financial Services Authority</a>
    <br/><br/>
    <a href="keyfacts.html">Key Facts</a>
    <br/><br/>
    <a href="compliance.html">Compliance</a>
    <br/><br/>
    <a href="glossery.html">Glossery of financial terms</a>
    <br/><br/>
    <a href="contact.html">Contact us</a>
    <br/><br/>
    <a href="careers.html">Careers</a>
  </div>               
</div>

            
          
!
via HTML Inspector

CSS

            
              .right_block{
width:280px;
float:right;
padding:20px 20px 10px 0;
}
.about_us a{
text-align:left;
font-size:12px;
color:#c82127;
text-decoration:none;
border-bottom:1px #bcbcbc dotted;
padding:10px 0 0 12px;
display:block;
float:left;
background:url(images/arrow.gif) no-repeat left top;
background-position: 0px 13px;
}
.about_us a:hover{
border-bottom:1px #3c3c3c dotted;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................