3 Replies Latest reply: Dec 31, 2012 12:31 PM by Jeffrey54 Lane RSS

    mm

    Jeffrey54 Lane Community Member

      If this (²) is how you make a "2" small and rrze above a "m" m2, how do you make a  "mm" rize above a number

        • 1. Re: mm
          Jon Fritz II CommunityMVP

          The code you reference is a specific short code html entity, there isn't a version of that for everything. What you're looking for is called "superscript".

           

          The good part is you really don't need to use short codes for everything superscripted. The best way to do superscript is to combine the <sup> html tag with  css...

           

          In your css, add this...

           

          sup {

            position: relative;

            top: -1ex;

            vertical-align:baseline;

            font-size: 80%;

          }

           

          In your html, any text you want to be superscript, add <sup></sup> tags around it, like this...

           

          <p>Here is some pure text awesomeness<sup>10</sup> (text awesomeness to the power of 10)</p>

          • 2. Re: mm
            Nancy O. CommunityMVP

            Strictly speaking, you can use the <sub> or <sup> tags without any CSS, but in some browsers (guess which ones), it messes up the line-height.  Jon's addition of a vertical-align property helps keep this in check.

             

            For details, see link below:

            http://paularmstrongdesigns.com/weblog/stop-superscripts-from-breaking-line-heights-once-a nd-for-all/

             

             

            Nancy O.

            • 3. Re: mm
              Jeffrey54 Lane Community Member

              Hi Jon that is great, really simple to apply thanks a lot for that. Jeff