Alignment σε HTML

[Karavas_Aristeidis]

Μας τα λες παράξενα αλλά ορίστε μερικά παραδείγματα. Δεν ξέρω ακριβώς τι χρειάζεσαι οπότε προσπαθώ να καλύψω όλα τα ενδεχόμενα.

1. http://codepen.io/anon/pen/rxqgEp
   Είναι full responsive. Μπορεις το container να του αλλάξεις width. Το αποτέλεσμα θα είναι πάντα full responsive. Επίσης δεν χρειάζεται ούτε text-align:center; ούτε text-align:left; ούτε margin-left:40% ; κτλ.
2. http://codepen.io/anon/pen/vLVwvP
   Πάλι full responsive. Επίσης δεν χρειάζεται ούτε text-align:center; ούτε text-align:left; ούτε margin-left:40% ; κτλ.
3. http://codepen.io/anon/pen/NxOVJx
   Όλα είναι στο κέντρο. Πάλι full responsive. Επίσης δεν χρειάζεται ούτε text-align:center; ούτε text-align:left; ούτε margin-left:40% ; κτλ.

Οποιοδήποτε άλλο τρόπο θα τον έβρισκα κακό, μιας και να καλύψεις όλα τα στοιχεία σε ένα div είναι ότι καλύτερο. Εκτός αν μας πεις πως ακριβώς θες να το κάνεις. Θες να έχει κατι διπλά από τον τίτλο και το κείμενο και θες το κενό? Θες απλά να είναι στην μέση της σελίδας και να μην έχει τίποτα δεξιά κι αριστερά? Καλό θα ήταν να μας δώσεις και μια εικόνα, μια ζωγραφιά, φωτο κάτι. Να ξέρουμε τι να κάνουμε.

 

Με εκτίμηση,

 

Αριστείδης Καραβάς