<!DOCTYPE html>
<html>
<head>
<style>
.f:first-letter {
  float: left;
}
.f {
  page-break-inside: avoid;
}
</style>
</head>
<body onload="document.getElementById('p').className = '';">
<p id="p" class="f">text</p>
</body>
</html>