ここで何が起こっているのか分かりません。私はそれに2つのテキストを持つdivがあります。下の別のdiv - ボタンのように機能します。何らかの理由で、これは...Divは他のdiv空間に侵入しますか?
が起こっているここにコードがある...
<div id="container1" style="margin:auto;text-align:center;width:85%;">
<span style="font-family:'Montserrat';color:white;font-size:55px;">PROFESSORES</span>
<br>
<p class="text" style="float:left;text-align:right;color:white;"><span style="font-weight:bold;">Xxxx Xxxxx Xxxxxx</span>
<br>é formada em psicologia e
<br>especializada em ensino da
<br>língua inglesa, ambos pela
<br>XXXX; morou na Xxxxxxx por
<br>X anos, participou de vários
<br>cursos na área de artes e
<br>educação, culinária,
<br>taichichuan, xxxxxxx,
<br>técnicas de meditação e hoje
<br>é professora e coordenadora
<br>de ensino da Xxxxxxxx.</p>
<p class="text" style="float:right;text-align:left;color:white;"><span style="font-weight:bold;">Xxxxxxx Xxxxx Xxxx</span>
<br>é professora e tradutora de
<br>espanhol e português, pós
<br>graduanda em Gramática da
<br>Língua Portuguesa pela XXXX,
<br>cursos de formação para
<br>professores de língua e formada
<br>em Comunicação Social.
<br>Amante do espanhol, não só
<br>porque é a sua língua materna,
<br>mas também porque adora
<br>ensinar e compartilhar não só a
<br>gramática como também
<br>curiosidades, experiências,
<br>cultura latino-americano e
<br>espanhola, filmes, costumes,
<br>expressões e receitas típicas.</p>
</div>
<br>
<div class="button">
<span class="label">+ METODOLOGIA</span>
</div>
そして、これは "ボタン" のためのCSSコードですクラス...あなたが見ているように、他のdivに干渉することはないようです。
.button {
margin: auto;
background-color: #2C3254;
padding: 50px;
text-align: center;
font-size: 60px;
width: 60%;
}
ここでは、背景色を設定しました。また、問題は投稿したHTMLとは関係ありません。もっとHTMLを追加できますか?またはより良いjsfiddleを作成してください.. –
インベーダー部門は再び攻撃! XD –
これでボタンクラスのCSSコードが追加されました。忘れました。 –