Основният проблем, свързан с центрирането на HTML елементи, е, че може да бъде трудно да се постигне последователен резултат в различните браузъри. Това е така, защото всеки браузър има своя собствена интерпретация на това как елементите трябва да бъдат центрирани и има различни налични методи за центриране на елементи. Освен това някои по-стари браузъри може да не поддържат по-модерните методи за центриране на HTML елементи.
<p align="center">This text is centered.</p>
1. Този ред код задава подравняването на текста да бъде центрирано. HTML тагът
показва, че това е елемент на абзац, а атрибутът align=”center” задава подравняването на текста в този елемент да бъде центрирано.
2. Този ред от код показва текста „Този текст е центриран.“ в прозорец на браузър, като подравняването му е зададено в центъра, както е посочено в ред 1.
подравняване на атрибут
-
атрибутът align се използва за задаване на подравняването на параграф в HTML. Може да се използва за задаване на подравняване на текст в абзац, както и подравняване на цял абзац на страницата. Възможните стойности за този атрибут са ляво, дясно, централно, оправдано и наследяване. Стойността по подразбиране е оставена.
Когато използвате атрибута align с текст в абзац, това ще накара всички редове текст в този абзац да бъдат подравнени според посочената стойност. Например:
Този ред от текст ще бъде центриран.
Това ще накара всички редове текст в този конкретен параграф да бъдат центрирани на страницата.
Когато използвате атрибута align с цял абзац, това ще накара този конкретен абзац да бъде подравнен според посочената стойност. Например:
Целият този ред от текст ще бъде подравнен вдясно.
Това ще накара този конкретен ред текст (и всяко друго съдържание, съдържащо се в него) да бъде подравнен вдясно на страницата.
Как да зададете подравняване на текст в HTML
Задаването на подравняване на текст в HTML става с атрибута style. Атрибутът style определя вграден стил за даден елемент.
За да зададете подравняване на текст в HTML, използвайте атрибута style и свойството text-align. Свойството text-align указва хоризонталното подравняване на текста в даден елемент.
Следният пример показва как да зададете ляво, дясно, централно и подравняване за абзац:
Това е ляво подравнено.
Това е подравнено вдясно.
Това е центрирано.
Това е оправдано.
