How to make this CSS design of words in headings look clean and well desinged? [closed]
- by kacalapy
I am trying to get the lipstick on the pig and not wearing my UI developer hat often is making this impossible.
Can someone give me nice alternatives to the code below. this is what i have now.
<style>
.FirstLetter:first-letter{font-family: arial; font-size: 14pt; font-weight: bold;color:White; background:Blue; border:1px black solid; padding-top:8px; padding-left:8px; padding-bottom:3px;}
.Spaced{letter-spacing: 5px;font-family: arial; font-size: 14pt; font-weight: bold;}
</style>
<div class="FirstLetter Spaced headerFont">
Executive Summary
</div>
Here is the ugly result of the above code- i am lookign to make the header section look better ONLY that's where the first letter is blue: