Degrees, Minutes, and Seconds - CSS Typography | CSS: Presentation Layer
Standards Based Development
| Plane Angle | ||
|---|---|---|
| degree | ° | 1° = (π/180) rad |
| minute | ' | 1' = (1/60)° |
| second | " | 1" = (1/60)' |
Degree Minute Second
64 32 16
64 32 16
.dmstype{padding-left:3px}
.dmstype:after,.dmstype::after{position:absolute; z-index:9; font-weight:700; }
.highlight:after,.highlight::after{box-shadow: 0px 0px 4px #000;}
.dms-degree:after,.dms-degree::after{content:"°"}
.dms-minute:after,.dms-minute::after{content:"'"}
.dms-second:after,.dms-second::after{content:'"'}
<p>
<span class="dmstype dms-degree">64</span>
<span class="dmstype dms-minute">32</span>
<span class="dmstype dms-second">16</span>
</p>