/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Can you indent text for the width of a character?

Copy linkTweet thisAlerts:
Jul 03.2011

I would like it if my blockquotes were vertically aligned on the left, instead of that first quotation mark coming in the way and then pushing the first line to the right. So it would be very useful if I could indent text for the minus width of that single quotation mark. But depending on browsers rendering the typeface, i’m not sure if pixel indentation would be a wise way to go? 0.5em indentation on the other hand seems like a “better way to go”, but then again, what the hell do i know…

Is there a sure way to make that happen? Is that a common thing even?

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@Cory_RJul 11.2011 — Can you show us an example?
Copy linkTweet thisAlerts:
@3NexauthorJul 11.2011 — Yes i can, and i can also give you the solution as i've already come up with it in the meantime. Here is an image containing examples of both versions:

http://img838.imageshack.us/img838/6856/rect3053.png

What i wanted to achieve was the left one, while the right one is the "normal" one that occurs when you just paste text between quotes...

And my solution was to put the quotation mark in a span, and then give that span [FONT="Courier New"]display:inline-block;width:10px;margin-left:-10px;[/FONT]. Alternatively, this "push" to the left could also be done by doing [FONT="Courier New"]position:relative;right:10px;margin-right:-10px;[/FONT], but i like the first one better...
×

Success!

Help @3Nex spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...