Block και Inline Elements

Ανάλογα με τη συμπεριφορά τους στη ροή ενός εγγράφου τα στοιχεία χωρίζονται σε block elements και inline elements.

block elements

Κάθε στοχείο block καλύπτει μια γραμμή και όλο το πλάτος της γραμμής.

Τα στοιχεία block είναι:

<address> <article> <aside> <blockquote> <canvas> <dd> <div> <dl> <dt> <fieldset> <figcaption> <figure> <footer> <form> <h1> - <h6> <header> <hr> <li> <main> <nav> <noscript> <ol> <output> <p> <pre> <section> <table> <tfoot> <ul> <video>

inline elements

Ακολουθούν τη ροή του κειμένου. Δεν δημιουργούν καινούρια γραμμή και καλύπτουν όσο πλάτος χρειάζονται.

Τα στοιχεία inline είναι:

<a> <abbr> <acronym> <b> <bdo> <big> <br> <button> <cite> <code> <dfn> <em> <i> <img> <input> <kbd> <label> <map> <object> <q> <samp> <script> <select> <small> <span> <strong> <sub> <sup> <textarea> <time> <tt> <var>

To display μιας ετικέτας μπορεί να αλλάξει με την ιδιότητα display. Για παράδειγμα: display: inline ή display: block ή display: inline-block