Burada yanlış ne yapıyorum?

Üstüne* div*4 ama benim istediğim ilk seferinde sıfır bir dolgu var, ve ikinci kez alt sınır istiyorum.

İlk ve son bu sınıfları oluşturmak için çalıştılar ama bir yerde hata var sanırım

.social {
    width: 330px;
    height: 75px;
    float: right;
    text-align: left;
    padding: 10px 0;
    border-bottom: dotted 1px #6d6d6d;
}

.social .first{padding-top:0;}

.social .last{border:0;}

Ve HTML

<div class="social" class="first">
    <div class="socialIcon"><img src="images/facebook.png" alt="Facebook" /></div>
    <div class="socialText">Find me on Facebook</div>
</div>

Olası iki farklı sınıflar için değil sanırım? Bunu nasıl yapabilirim?

Eğer bir öğe üzerinde iki sınıfa istiyorsanız, bunu bu şekilde yapın:

<div class="social first"></div>

Yani: css referans

.social.first {}