Is it possible to apply CSS to half of a character/word?
Yes, by using :before and :after, we can achieve this. However, for dynamic data, we may have to use JQUERY.
Only CSS (static text)
<h1></h1>
h1:before {
content: ‘Exam';
color: #0000ff;
font-size: 32px;
}
h1:after {
content: ‘ple';
color: #ff0000;
font-size: 32px;
}
Result: