I HTML finns användningen av och taggar för att definiera den nedsänkta och upphöjda texten. Den upphöjda texten visas i ett mindre teckensnitt och ett halvt tecken ovanför den normala raden. Det används vanligtvis för att skriva matematiska ekvationer (som x2+ och2= r2 ), fotnoter och många fler.
Till skillnad från upphöjd, visas den nedsänkta texten med ett mindre teckensnitt och halvtecknet under den normala raden. Det används vanligtvis för att skriva kemiska ekvationer eller kemiska formler som t.ex H2O, H2SÅ4, etc.
I CSS är vertikaljustera egendom används för att uppnå samma sak. Vi kan specificera textens upphöjda och nedsänkta text med CSS också. Denna CSS-egenskap anger den vertikala justeringen av texten.
Låt oss nu se hur man uppnår den upphöjda och nedsänkta med hjälp av vertikaljustera fast egendom.
Syntax
vertical-align: baseline | super | sub ;
Fastighetsvärden
baslinje: Det är standardvärdet som justerar texten till baslinjen för det överordnade elementet.
super: Det är den övre texten som höjer texten.
sub: Det är subskriptet som sänker texten.
När värdena super och sub av denna egenskap tillämpas, blir texten upphöjd eller nedsänkt.
Exempel- Upphöjd
#super{ vertical-align:super; font-size: medium; } p{ font-weight: bold; font-size: 20px; } <p> Its common examples are chemical equations. </p> <h3> Chemical formula of Water is: H<span id="sub">2</span>O</h3> <h3> Ch emical formula of Sulphuric acid is: H<span id="sub">2</span>SO<span id="sub">4</span></h3> Testa det nu