Pessoal,
Como apresentado abaixo, utilizei a pseudoclasse "nth-of-type", mas as caixas de citação estão indo ambas para a direita, sendo que a ímpar(primeira) deveria ir pra direita e a par (segunda) para a esquerda.
Alguém poderia me ajudar nesta questão?
HTML
<article>
<h2>Como trabalho</h2>
<blockquote class="citacao">
<p>João é o melhor desenvolvedor front-end com quem já trabalhei. Muito eficiente e muito capaz. Recomendo sem dúvidas!</p>
<cite> <i>José Souza, FiatSatisfazer</i></cite>
</blockquote>
<p>Satisfazer meus clientes é prioridade. Para isso, garanto um processo de desenvolvimento altamente interativo, baseado em feedback contínuo. <strong>Não trabalho com escopo fechado</strong>: o cliente é que decide quando o produto está pronto.</p>
<p>Também não trabalho com prazos fechados: qualidade é importante demais para ser sacrificada.</p>
</article>
CSS
.citacao{
background-color: #D9E5E3;
padding: 8**px;
margin: 1rem 2rem;
border: .5rem solid #C2CCCA;
width: 250px;
box-sizing: border-box;
border-bottom-color: #333;
border-right-color: #FFF;
}
.citacao:nth-of-type(odd){
float: right;
margin-left: 14px;
}
.citacao:nth-of-type(even){
float: left;
margin-right: 14px;
}