Usar css para darle forma a html

[Jose_A]

Hola, buenas. Hice una estructura con html para mostrar contenido, la hice así:

Código:

<img src="https://www.google.se/images/google_80wht.gif" alt="Mundo Magico Logo">

<h2>CUIDADOS EVENTUALES</h2>

<p>El cuidado eventual consiste en apoyarse con el cuidado de tus niños por horas, desde 1 hora  de servicio, hasta todas las horas que necesites. El servicio está disponible para apoyarte de lunes a domingo las 24 horas.</p>

<p>Nuestra prioridad es el cuidado y diversión de tu pequeño, por lo cual, te ayudamos con todas las tareas necesarias para lograr un excelente cuidado, desde:</p>

<ul>

    <li>Cuidado de niños de recién nacidos a 10 años.</li>

    <li>Cámara web en vivo (desde el celular).</li>

    <li>Estimulación temprana para bebes.</li>

    <li>Juegos adecuados a la edad.</li>

    <li>Preparación de alimentos.</li>

    <li>Duchas.</li>

    <li>llevarlos a dormir.</li>

    <li>Jugar con ellos .</li>

    <li>Apoyo con tareas escolares.</li>

    <li>Darles medicamentos (si lo necesita) .</li>

</ul>

<p>Para lograr una excelente conexión con los niños,las nanny están capacitadas con las herramientas necesarias para adaptarse a las necesidades de cada niño, como su personalidad, gustos y el entorno que la rodea.</p>

<p>La confianza es algo fundamental, es por eso que te brindamos la experiencia de monitorear tu servicio en vivo desde tu celular, estando atenta de cada detalle y logro de tu hijo, desde donde estés podrás disfrutar de esta experiencia, incluso si viajas! </p>

<p>¡No esperes más, para disfrutar de la experiencia de contar con una persona ideal para tus niños!</p>

Me da este resultado:

https://imgur.com/tqdC2Ra



Cómo puedo usar css para dejarla así?


https://imgur.com/uuxyNQY


Espero alguien pueda apoyar, gracias de antemano.



Saludos!

[ArturoGallegos]

Fácil y sencillo, agrega tu hoja de estilos y vuala ya todo funciona como quieres.


Muestras una pantalla sin CSS lo que me dice que no haz creado nada por ende deduzco que no tienes idea de como hacerlo.

Busca en google manuales, tutoriales, cursos... hay mucho material para aprender.

Foros del web es un sitio de ayuda no una escuela.



Si me he equivocado en lo antes dicho una disculpa, favor de colocar todo el código que has armado e indica el problema puntual.

[Jose_A]

Sí, por ejemplo, hice esta parte:

Código HTML:

<h2 class="titulo">CUIDADOS EVENTUALES</h2>
 

Y el css lo dejé así:

Código CSS:

ion-header ion-title{
    text-align: center;
}
 
body{
    background: #819FF7;
}
h2.titulo {
  color: red;
}
 

El resultado del fondo y del titulo debería cambiar pero sigue viéndose así:


Yo añado el html desde una bd con esta línea:

Código HTML:

<p [innerHTML]="product_description.product_description"></p>
 

[ArturoGallegos]

Dadas las fotos que has colocado y el CSS mostrado, deduzco que estas usando ionicframework

Si es el caso vas a tener que ir directo a la documentación, aunque trabaje con Angular, React y Vue por lo que veo no es solo agregar estilos a lo loco.

Ten mucha paciencia que puede tardar en llegar a responderte alguien que conozca dicho framework, en lo personal no lo conozco y no se de alguien que lo maneje así que por mi rancho no es muy popular.