Quisiera entender los alcances de tus inquietudes y, por cierto, no entiendo
Como se compara el ejemplo 1 con el 2?
Por qué hay un <style> (ejemplo 2) luego del div, cuando <style type="text/css"> se coloca por buenas prácticas entre las etiquetas <head>?
No quiero pecar de purista, pero te animo a que reformules tu pregunta
