css设置上标样式、下标样式

使用css属性：vertical-align的值设置text-top（上标）、text-bottom(下标)，另外主要的是要设置上标和下标的元素的字体大小比主体字体小，才有效果。
css样式：<style> div{ font-size: 20px; } div .bottom{ color:red; background-color: gray; vertical-align:text-bottom; font-size: 12px; } div .up{ color: blue; background-color: bisque; vertical-align:text-top; font-size: 12px; } </style>
html结构：<div> <span>0</span> <span class="bottom">bottom</span> 789<span class="up">up</span> </div>