Cum să se alinieze imaginea de pe marginea din dreapta
prin umolchaniyutext-alignmargin-leftfloatpositiondisplay
paragraf lung cu câteva propoziții. Acesta conține un text care descrie proprietatea steaguri, iar imaginea să fie presată pe marginea pe partea dreapta.
Text-align proprietate este moștenită, se aplică elementelor block-level.
Aliniaza toate acestea conțin elemente inline și text orizontal. Ea nu se mișcă elementul în sine sau muta blocuri, nu funcționează dacă setați elementul de linie. Ea are mai multe sensuri, inclusiv dreptul. permițând conținutul trecerea la dreapta.
proprietate stânga Marja nu este moștenită, aplicată pentru toate elementele. Ea are o valoare de auto. Element bloc care aliniază orizontal. Și anume marjă-stânga: auto; apasă elementul de la marginea din dreapta a părintelui. Această situație se poate schimba proprietate marginea din dreapta. Atunci când marja-stânga: auto; și marja de-dreapta: auto; element este centrat lățime strămoș.
Proprietatea float nu este moștenită, aplicată pentru toate elementele. Se elimină elementul din fluxul și presează marginea partea stângă sau dreaptă a părintelui. Elemente și text în codul după-elementul plutitor curge în jurul ei din partea opusă.
Proprietatea poziție nu este moștenită, aplicată pentru toate elementele. Poziția: absolută; elimină elementul din flux, și un top al altor conținuturi. Acesta poate fi deplasat în raport cu frontierele-mamă, a căror valoare alta decât poziția statică. prin proprietăți de top. dreapta. de jos. la stânga. Când direcția: LTR; proprietate stânga are prioritate față de dreptul de proprietate. cu excepția cazului în care proprietatea este lăsată la auto.
proprietate de afișare nu este moștenit, aplicată pentru toate elementele. Element cu tabelul de valoare este similară cu tabelul de tag-ul. și masa de celule - td. De asemenea, să acorde o atenție la valoarea de flex.
Sfat: În acest exemplu, uita de divertisment la comportamentul imaginii atunci când dimensiunea redusă a ferestrei browserului.
Cum să se alinieze textul la dreapta
Un scurt text la dreapta