CSS

491 readers

1 users here now

founded 1 year ago

MODERATORS

[email protected]

How remove vertical gap between characters ? (programming.dev)

submitted 4 months ago by [email protected] to c/[email protected]

11 comments fedilink hide all child comments

Hi,

No matter what I try


<style>
.FlexColumn {display: flex;flex-flow: column nowrap }
</style>

<div class="FlexColumn">
	<div>X</div>
	<div>X</div>
	<div>X</div>
	<div>X</div>
	<div>X</div>
</div>

<!-- I tried many CSS trick here... -->
<div>
   <span>X</span><br><span>X</span><br><span>X</span><br><span>X</span>
</div>

I always get a vertical gap between the characters !

Any ideas ?

Thanks.

you are viewing a single comment's thread
view the rest of the comments

[–] [email protected] 5 points 4 months ago* (last edited 4 months ago)

maybe the line-height property is the thing you are looking for.

.FlexColumn {display: flex;flex-flow: column nowrap; line-height: 0.7 }