Untitled

dabblet.css

section {
	display: flex;
	width: 750px;
}

.first-letter {
	width: 250px;
    font: 10px "CloisterBlack";
    font-weight: bold;
    margin-top: 10px;
}

.like-with-span {
	padding-left: 20px;
	width: 230px;
}
.like-with-span::first-letter {
	margin-left: -20px;
	width: 25px;
}

.first-letter::first-letter {
	float: left;
	height: 600px;
	display: block;
	font-weight: normal;
    font-size: 30px;
}
.with-span span {
  font-weight: normal;
  margin-top: -5px;
  font-size: 30px;
}

.with-span {
	height: 45px;
    margin-top: 10px;
    display: flex;
    align-items: top;
    font-size: 10px;
  font-weight: bold;
  font-family: "CloisterBlack";
  text-transform: none;
  width: 250px;
 }

dabblet.html

<section>

<div class="first-letter">
Russian-born Telegram boss Pavel Durov was released on bail after being placed under formal investigation by French authorities following his arrest as part of a probe related to illegal content carried on his messaging app.
</div>

<div class="with-span">
<span>R</span>ussian-born Telegram boss Pavel Durov was released on bail after being placed under formal investigation by French authorities following his arrest as part of a probe related to illegal content carried on his messaging app.
</div>


<div class="first-letter like-with-span">
Russian-born Telegram boss Pavel Durov was released on bail after being placed under formal investigation by French authorities following his arrest as part of a probe related to illegal content carried on his messaging app.
</div>

</section>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}