Cita bíblica: Juan 3:16-18
16: Porque de tal manera amó Dios al mundo que dio a su Hijo Unico, para que quien cree en Él no se pierda, sino que tenga vida eterna.
17: Dios no envió al Hijo al mundo para condenar al mundo, sino para que se salve el mundo gracias a él.
18: Para quien cree en él no hay juicio. En cambio, el que no cree ya se ha condenado, por el hecho de no creer en el Nombre del Hijo único de Dios.
Nótese como el inicio de cada párrafo lo hace con el dígito 1 de mayor tamaño, al igual que ocurre con la primera letra de esta nota aclaratoria.
Código CSS
<style>
.estilo1 { text-align: center; font-family: arial; }
p { font-family: fantasy; margin: 1em 3em; text-align:justify ; color: maroon }
p:first-letter { font-weight: bold; font-size: 3.5em;line-height: 0.9em; float: left; margin: 0.1em; color:blue; }
.estilo2 { font-size:30px;background:#f2f2f2;border:2px solid grey;padding:20px: }
</style>
Código HTML
<div class="estilo2">
<h1 class="estilo1"> Cita bíblica: Juan 3:16-18</h1>
<p>16: Porque de tal manera amó Dios al mundo que dio a su Hijo Unico, para que quien cree en Él no se pierda, sino que tenga vida eterna. </p>
<p>17: Dios no envió al Hijo al mundo para condenar al mundo, sino para que se salve el mundo gracias a él.</p>
<p>18: Para quien cree en él no hay juicio. En cambio, el que no cree ya se ha condenado, por el hecho de no creer en el Nombre del Hijo único de Dios.</p>
</div>
