Bom Dia,
Estou recém começando com HTML e CSS3 e estou fazendo desafio de construir uma pequena página como exemplo, porém estou batendo batendo cabeça com a caixa que fica ao final da página, abaixo vou deixar uma imagem de como teria que ficar:
Porém o resultado que consegui chegar foi esse abaixo, sei que não está certo, poderia me dar uma dica, um exemplo?
.caixa{
background-color:rgb(39, 194, 39);
border-width: 10px;
border-style: solid;
border-color: rgb(39, 194, 39);
color: white;
font-family: Arial, Helvetica, sans-serif;
border-radius: 10px;
}
.caixa2{
width: auto;
height: auto;
text-decoration: underline;
}
<h3 class="caixa">Quer aprender mais?
<p class="caixa"> Outro assunto curioso em relação ao Android é que cada versão sempre foi nomeada em homenagem a um doce, em ordem alfabética a partir da versão 1.5 até a 9.0.
<ul class="caixa2" style="color: black;">
<div style="page-break-after: 0px;">
<li type="disc">1.5 Cupcake</li>
<li type="disc">1.6 Donut</li>
<li type="disc">3.0 - Eclair</li>
<li type="disc">2.2 - Froyo</li>
<li type="disc">2.3 - Gingerbread</li>
<li type="disc">3.0 - Honeycomb</li>
<li type="disc">4.0 - Ice Cream Sandwich</li>
</div>
<div style="page-break-after: 0px;">
<li type="disc">4.1 - Jelly Bean</li>
<li type="disc">4.4 - KitKat</li>
<li type="disc">5.0 - Lolipop</li>
<li type="disc">6.0 - Marshmallow</li>
<li type="disc">7.0 - Nougat</li>
<li type="disc">8.0 - Oreo</li>
<li type="disc">9.0 - Pie</li>
</div>
</ul>
</p>
<p>Infelizmente, o Android Q não existiu, pois o Google resolveu pôr fim a essa divertida prática e começou a usar numerações, o que deu origem ao Android 10.</p>
<p>Acesse aqui o site <a href="https://www.android.com/intl/pt-BR_br/history/">Android History</a> para conhecer a sequência das versões "adocicadas" e o que cada uma trouxe para o sistema Android.</p>
</h3>