Προς το περιεχόμενο

Alignment σε HTML

Anubis13

Από τον Anubis13
στο Web Design - Development

 Share

Προτεινόμενες αναρτήσεις

Anubis13 Grand Master

Anubis13

Δημοσ.
Δημοσ.

Καλησπέρα,

 

<center><p><em>bla bla blabla</em></p></center>

 

Και κάποιες ακόμα γραμμές από κάτω οι οποίες θέλω να αρχίζουν left aligned από την προηγούμενη γραμμή που είναι centered. Πώς μπορώ να το πετύχω?

<!DOCTYPE html>
<html>
<head>
<style>
h1 {text-align:center;}
p {text-align:left;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

H σε κάτι τέτοιο θα ήθελα το 2ο this να είναι κάτω από το πρώτο

dominotrix Community Regular

dominotrix

Δημοσ.
Δημοσ.

Βαλε classes, δηλαδη:

 

<p class="left">αυτο το κειμενο στοιχιση αριστερα</p>

<p class="center">αυτο το κειμενο στοιχιση στο κεντρο</p>

 

<style>

.left{text-align:left;}

.center{text-align:center;}

</style>

Anubis13 Grand Master

Anubis13

Δημοσ.
  • Μέλος
Δημοσ.

Ναι αλλα εγω δεν θελω αυτό, θέλω να στοιχίσω την πρωτη γραμμη στο κέντρο και οι υπόλοιπες να μην πάνε τελείως αριστερά αλλά να ξεκινούν όσο αριστέρα ξεκινάει η κεντρική μου γραμμή

dominotrix Community Regular

dominotrix

Δημοσ.
Δημοσ.

|              ΚΕΝΤΡΙΚΟΣ ΤΙΤΛΟΣ                        |
|                                                                        |

|              κειμενο με αριστερη στοιχιση            |

|              κειμενο με αριστερη στοιχιση            |

|              κειμενο με αριστερη στοιχιση            |
 

 

 

Κατι τετοιο θελεις;

 

Μπορεις να δωσεις καποιο ειδους screenshot για να καταλαβω καλυτερα;

dominotrix Community Regular

dominotrix

Δημοσ.
Δημοσ.

Αν δωσεις στο p width και μετα το κανεις responsive θα εισαι οκ. Ειναι λογικο να "παιζει" αναλογα με την αναλυση οθονης, αλλα παντα θα ειναι στοιχισμενα το ενα κατω απο το αλλο στοιχισμενα αριστερα.

k33theod Experienced

k33theod

Δημοσ.
Δημοσ.

Η άλλη λύση είναι να τα βάλεις σε ένα container <div> και να στοιχίσεις αυτό

<!DOCTYPE html>
<html>
<head>
<style>
div {margin-left:40% ;}
</style>
</head>
<body>
<div>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</div>
</body>
</html>

k33theod Experienced

k33theod

Δημοσ.
Δημοσ.

ωραία και αν στοιχήσω το container στο 50% ξέρω ότι είμαι πάντα στην μέση της σελίδας, σε οποιοδήποτε resolution?

Θα ξεκινάει από το μέσο της σελίδας Αν θές να είσαι στο μέσο πρέπει να δώσεις ένα width:πχ 30% και να κάνεις το margin:auto

  • Members
gsarig Community Regular

gsarig

Δημοσ.
  • Members
Δημοσ.

Μήπως θες κάτι σαν κι αυτό; http://codepen.io/gsarig/pen/WraJWB/

Είναι λίγο πρόχειρο αλλά αν έχω καταλάβει καλά, αυτό εννοείς (δοκίμασε στην HTML να αλλάξεις το "This is a title" σε κάτι μικρότερο ή μεγαλύτερο για να δεις το κείμενο από κάτω να ευθυγραμμίζεται).

 

(edit: τώρα πρόσεξα ότι παρόμοια απάντηση έδωσε και ο alou)

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...