How can you use the css / stylus to raise or lower the first letter in the block?
label { display: block; } label::first-letter { position: relative; top: -10px; margin-top: -10px; padding-top: -10px; } So nothing works.
CodeGust CodeGust
1.213 one eleven 26
|
1 answer
As an option
label { display: block; font-size: 20px; } label::first-letter { color: tomato; } .bottom::first-letter{ vertical-align: sub; } .top::first-letter{ vertical-align: super; } <label class="bottom">Text label</label> <label class="top">Text label</label> 
soledar10 soledar10
22.4k five 21 51
- Thank! This is good, but for layout, pixel-by-pixel is needed, in my case, just below with
super... - CodeGust - then so jsfiddle.net/soledar10/m0upLLfL - soledar10
- Yes, you can definitely wrap it in a
span... but this is also the complexity of the question, which would apply positioning to the first letter of the sentence without any specials. Additions - CodeGust
|