Can css be used to make smaller letters like 3rd [Archive]

ajfmrf

11-01-2013, 05:01 AM

(rd is smaller and on the upper right)

3rd

I hope this works

I have been looking at entities and that type of thing to make it easier butI guess this example here may be the best way??

the rd is on the bottom and I was looking for it to align to the top

I have this so far:

[text]
<html>
<head>

<style type="text/css">
* { margin:0;padding:0; }
html, body { height:100%; width:100%; text-align:center; }
#workspace { position:relative; margin-left:auto; margin-right:auto; text-align:left; width:100px; border:1px solid red; margin-top:40px;}
#part { position:relative; margin-left:auto; margin-right:auto; text-align:center; width:35px; border:1px solid blue;}
p{font-size:20px;}
span{font-size:8px;float:right;}
</style>

</head>
<body>
<div id="workspace">
<div id="part">
<p>45<span>th</span></p>
</div>
</div>
</body>
</html>
[text]

mlegg

11-01-2013, 01:42 PM

you can use html

<p>3 <sub>rd</sub></p>

examples of subscript and superscript http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_sup

ajfmrf

11-01-2013, 08:12 PM

Thanks mlegg,I thought there was something to achomplish that but was unable to remember.

mlegg

11-02-2013, 02:04 AM

you're welcome, I only remembered that fast because I had to do it recently