Ola, consegui chegar ao resultado desejado com o seguinte códgio:
<div class="texto">
<p>Moro em São Paulo mas atendo clientes do mundo todo. Sou conhecido por fazer produtos de <em>qualidade</em>, <em>durabilidade</em> e que <em>agregam valor</em> para meus clientes.</p>
<p>Trabalho usando a web como plataforma, ou seja, respiro HTML5, CSS3 e JavaScript (ou melhor: ECMASCript). Crio sites para todos, seguindo as principais diretivas de acessibilidade, responsividade e web semântica, sem descuidar da qualidade de código.</p>
<h2 class="subtitulo-texto">Como trabalho</h2>
<blockquote class="citacao-bio">
<p>João é o melhor desenvolvedor front-end com quem já trabalhei. Muito eficiente e muito capaz. Recomendo sem dúvidas!</p>
<cite class="citacao-autor">José Souza, Fiat</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: <strong>qualidade é importante demais para ser sacrificada</strong>.</p>
<h2 class="subtitulo-texto">Experiência</h2>
<blockquote class="petrobras">
<p>João domina as tecnologias como ninguém. Eu apresentava um problema, ele tinha na ponta da língua a solução mais adequada com as tecnologias mais recentes.</p>
<cite class="citacao-autor">Manoel Santos, Petrobrás</cite>
</blockquote>
.citacao-bio{
background-color: #D9E5E3;
border: 10px solid #C2CCCA;
width: 250px;
box-sizing: border-box;
margin: 20px 40px;
float: right;
}
.petrobras {
background-color: #D9E5E3;
border: 10px solid #C2CCCA;
width: 250px;
box-sizing: border-box;
margin: 20px 40px;
float: left;
padding: 20px
}
.citacao-autor {
float: right;
font-style: italic;
}
Está incorreto,teria como deixar esse código mais prático?