Na imagem 1 estou usando um código criado por um moderador : link do funcionamento >> https://jsfiddle.net/61mb5ad0/
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.container{
display: table;
}
.pata{
color: #ff9800;
}
.texto{
display: table-cell;
padding-left: 5px;
}
</style>
</head>
<h2>Antes de começar falando para quem este programa é perfeito, precisamos ser 100% claros sobre para quem ele NÃO É:</h2>
<body>
<div class="container">
<i class=" pata fa fa-paw fa-spin"></i>
<p class="texto">
Não É para quem não se importa com a saúde de seu cão
e quer continuar dando as tóxicas rações industrializadas
</p>
</div>
<div class="container">
<i class=" pata fa fa-paw fa-spin"></i>
<p class="texto">
Não É para quem não se importa com a saúde de seu cão
e quer continuar dando as tóxicas rações industrializadas
</p>
</div>
<div class="container">
<i class=" pata fa fa-paw fa-spin"></i>
<p class="texto">
Não É para quem não se importa com a saúde de seu cão
e quer continuar dando as tóxicas rações industrializadas
</p>
</div>
</body>
</html>
Na imagem 2 eu estava testando : link do funcionamento >> https://jsfiddle.net/ft789vja/
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<h4><span style="font-size: 16pt;">Antes de começar falando para quem este programa é perfeito, precisamos ser 100% claros sobre <strong>para quem ele NÃO É:</strong></span></h4>
<p> </p>
<p> </p>
<span style="font-size: 12pt;">
<p><i class="fa fa-paw fa-spin" style="color:#ff9800"></i> NÃO É para quem NÃO TEM cachorro </p>
<p> </p>
<p><i class="fa fa-paw fa-spin" style="color:#ff9800"></i> NÃO É para quem não se importa com a saúde de seu cão e quer continuar dando as tóxicas rações industrializadas </p>
<p> </p>
<p><i class="fa fa-paw fa-spin" style="color:#ff9800"></i> NÃO É para quem ainda acredita que a ração é a melhor forma de alimentar seu cão. </p>
<p> </p>
<p><i class="fa fa-paw fa-spin" style="color:#ff9800"></i> NÃO É para quem não está disposto a tomar uma ação imediata para: melhorar a saúde, comportamento e a felicidade de seu cachorro </p>
</span>
</body>
</html>
na primeira imagem ta usando css, eo css ta bugando o site
queria que ficasse o desenho da pata com o texto sempre a frente dela sem usa css
sadasdad
asdadadad
sadasdada
ao invés do texto fica assim
asdadas
asdadasasda
asdasdadadaa
preciso muito de ajuda pra esse projeto já pesquisei toda forma de fazer isso mais só conseguir essa do css mais ela ta bugando o site
Se ate o mesmo moderador estive vendo isso se tive uma solução por favor