Want to make creations as awesome as this one?
Register now
Report content

More creations to inspire you

MOTIVATIONAL QUOTE CLOUDS

Interactive cards

WE ARE GOING ON HOLIDAY

Interactive cards

POPCORN DISCOUNT

Interactive cards

FAIRY TALE

Interactive cards

WHAT'S IN THE BOX?

Interactive cards

VALENTINE'S DAY CRUSH

Interactive cards

NEW YORK AT A GLANCE

Interactive cards

Discover more incredible creations here

Transcript

formato de texto

HTML

Centrar Texto Para centrar texto en HTML, puedes usar CSS. Hay varias formas de hacerlo: Texto Alineado al Centro html <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Texto Centrado</title> <style> .centrado { text-align: center; } </style> </head> <body> <p class="centrado">Este texto está centrado.</p> </body> </html> Centrar Elementos de Bloque (por ejemplo, divs) html Copiar código <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Elemento Centrado</title> <style> .centrado { margin-left: auto; margin-right: auto; width: 50%; /* Ajusta el ancho según sea necesario */ } </style> </head> <body> <div class="centrado">Este elemento está centrado.</div> </body> </html>

. Colores Puedes establecer colores para el texto y el fondo usando CSS. Color del Texto html <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Color del Texto</title> <style> .texto-colorido { color: #ff5733; /* Color en formato hexadecimal */ } </style> </head> <body> <p class="texto-colorido">Este texto es de color naranja.</p> </body> </html> Color de Fondo html Copiar código <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Color de Fondo</title> <style> .fondo-colorido { background-color: #d3d3d3; /* Color en formato hexadecimal */ } </style> </head> <body> <div class="fondo-colorido">Este elemento tiene un fondo gris claro.</div> </body> </html>

Márgenes Los márgenes se pueden ajustar con la propiedad margin en CSS. Márgenes Generales html <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Márgenes</title> <style> .margen { margin: 20px; /* Ajusta el margen de todos los lados */ } </style> </head> <body> <p class="margen">Este párrafo tiene un margen de 20px alrededor.</p> </body> </html>