CSS

484 readers

1 users here now

founded 1 year ago

MODERATORS

Ategon@programming.dev

tappyturtle@programming.dev

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

submitted 3 months ago by SpongeB0B@programming.dev to c/css@programming.dev

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

[–] Treczoks@lemmy.world 2 points 3 months ago* (last edited 3 months ago)

Removing the leading is possible with some tricks, but it is not recommendable, as it has it's issues. Maybe you could tell us what you actually want to accomplish? Assuming that you are not stacking X's for fun and entertainment...