simona6 Posted June 14 Share Posted June 14 I Want to try and achieve this in CSS. Rigth now i have the full title in a H2 tag, with the final word in a Span. I know how to apply the styling to the word, but how do I: a) get it to be lower that the previous words and; b) make it go under the preview word (notice the b beneath the e). I don't really want to apply one word in Absoute Positioning, as on a phone etc it will be a nightmare. Quote Link to comment Share on other sites More sharing options...
Barand Posted June 14 Share Posted June 14 I know this isn't a CSS solution but, when in doubt, cheat. I used an SVG image. Fonts will differ I I don't know which you used. <body> <header style='text-align: center'> <svg width='90%' viewBox='0 0 500 100' style='max-width: 800;'> <defs> <style type='text/css'> #main { font-family: "arial black"; font-size: 20pt; font-weight: 800; fill: #000; } #better { font-family: "segoe script"; font-size: 40pt; font-weight: 600; fill: #80FF80; } </style> </defs> <text x='338' y='65' id='better'>better</text> <text x='12' y='60' id='main'>Making every day taste</text> </svg> </header> </body> screen width: 1024 screen width: 450 Quote Link to comment Share on other sites More sharing options...
simona6 Posted June 17 Author Share Posted June 17 OH very cool, thanks. Though tI think I managed it in the end with some CSS, of relative positioning. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.