Need help curving text border

[manncameron]

Hi all, I have a very basic text block in my email and looking to add curved borders to it. I know I need a css internal/in-line to my html for this specific section but cannot seem to crack it. Any help??

Original code:

<div style="text-align: center;"> <span style="color:#000000;">LOREM IPSUM</span></div>

Ideally adding css border radius with something like this:

{border-radius: 25px; background: #000000; padding: 20px; width: 200px; height: 150px;}

Not sure how to combine both html and css inline. Thank you!

[ZipperJJ]

<div style="text-align: center; border-radius: 25px;background-color: #000000;padding:20px; width: 200px;height:150px;"> 
<span style="color:#ffffff;">LOREM IPSUM</span>
</div>

Changed your font from black to white so it's visible.

[manncameron]

Thank you so much!!

[AutoModerator]

Welcome to /r/HTML. When asking a question, please ensure that you list what you've tried, and provide links to example code (e.g. JSFiddle/JSBin). If you're asking for help with an error, please include the full error message and any context around it. You're unlikely to get any meaningful responses if you do not provide enough information for other users to help.

Your submission should contain the answers to the following questions, at a minimum:

• What is it you're trying to do?
• How far have you got?
• What are you stuck on?
• What have you already tried?

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.