Ayuda con este code feo. T--T

Hola linda~ veamos tu código tenia un par de errorsitos:
1) Al llamar body o title (o cualquier nombre generico de ese tipo) a uno de tus divs, debes tener cuidado ya que al ponerlo en un foro probablemente el código choque con el de que tiene por defecto el CSS de dicho foro, es mejor poner nombres diferentes para que no haya esa 'confusión', yo suelo usar nombres de personas, personajes, letras de canciones, etc.

2) Es muy importante que cada que abras un div lo cierres inmediatamente, el motivo por el que a ti te salia movido es que tenias dos balizas de cerrado de div al final que no iban. Te recomiendo que identifiques y separes las partes de tu tablilla o codigo, por ejemplo, si tienes 3 divs: un div contenedor de la tablilla, un div para titulos y un div para texto, tengas los 3 bien delimitados.

Veamos la primera parte ya corregida: el div de UP es el contenedor para el titulo y la imagencita por lo que te recomiendo contar los divs que abres y ver que encajan con las balizas de divs cerradas:

 < div class="up" >
  < div class="image" >
    < div class="title" >Lorem ipsum< /div >
    < br / >
    < div class="subtitle" >Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.< /div >
  < /div >
< /div >

Te separé el div de BODY y le cambié el nombre para que no haya confusiones con el CSS de aquí x3 y para que quede alineado le quite el left y top que tenia, entonces te debe quedar el código completo así:



Cualquier otra cosita que tengas duda puedes preguntarme! Te recomiendo usar el jsfiddle para practicar al hacer códigos, ya que al abrir una baliza automaticamente la cierra ;D así no hay errores

Aish, me siento tan boba de que sea algo tan tonto. A partir de ahora usaré cosas randoms para nombrar divs. (??) Muuuuchas gracias Sini, eres un solcito.