473,624 Members | 2,223 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

indent first line

Lets say we have a paragraph that wraps several lines. I'd like to
indent the first-line a bit.

The first-line pseudo class sprang to mind, but you can't set a left
padding there.

Perhaps something else?

Jeff
Oct 31 '08 #1
14 2296
Jeff wrote:
Lets say we have a paragraph that wraps several lines. I'd like to
indent the first-line a bit.

The first-line pseudo class sprang to mind, but you can't set a left
padding there.

Perhaps something else?
text-indent: (property)

"This property specifies the indentation of the first line of text in a
block."
--
Beware of bugs in the above code; I have only proved it correct, not
tried it. -- Donald E. Knuth
Oct 31 '08 #2
In article <xb************ *************** ***@earthlink.c om>,
Jeff <jeff@spam_me_n ot.comwrote:
Lets say we have a paragraph that wraps several lines. I'd like to
indent the first-line a bit.

The first-line pseudo class sprang to mind, but you can't set a left
padding there.

Perhaps something else?
If for some reason you don't want to use text-indent: 2em;, then perhaps:

<p>&nbsp;Lore m ipsum dolor...</p>

And you can control by adding more non-breaking spaces. Just don't add
more than will fit on a line. <g>

--
dorayme
Oct 31 '08 #3
dorayme wrote:
In article <xb************ *************** ***@earthlink.c om>,
Jeff <jeff@spam_me_n ot.comwrote:
>Lets say we have a paragraph that wraps several lines. I'd like to
indent the first-line a bit.

The first-line pseudo class sprang to mind, but you can't set a left
padding there.

Perhaps something else?

If for some reason you don't want to use text-indent: 2em;, then perhaps:
No, I just forgot about it and didn't see it when I googled. Seems
pretty obvious now!

There's lots of stuff I've never used because the support level was
low when I first learned about it, I think for most of CSS2, that's no
longer true.

Jeff
>
<p>&nbsp;Lore m ipsum dolor...</p>

And you can control by adding more non-breaking spaces. Just don't add
more than will fit on a line. <g>
Oct 31 '08 #4
In article <4e************ *************** ***@earthlink.c om>,
Jeff <jeff@spam_me_n ot.comwrote:
dorayme wrote:
In article <xb************ *************** ***@earthlink.c om>,
Jeff <jeff@spam_me_n ot.comwrote:
Lets say we have a paragraph that wraps several lines. I'd like to
indent the first-line a bit.

The first-line pseudo class sprang to mind, but you can't set a left
padding there.

Perhaps something else?
If for some reason you don't want to use text-indent: 2em;, then perhaps:

No, I just forgot about it and didn't see it when I googled. Seems
pretty obvious now!

There's lots of stuff I've never used because the support level was
low when I first learned about it, I think for most of CSS2, that's no
longer true.

Jeff

<p>&nbsp;Lore m ipsum dolor...</p>

And you can control by adding more non-breaking spaces. Just don't add
more than will fit on a line. <g>
Fair enough. I just went out for a walk and was amused to work out how
many ways I could think of to indent the first line of a paragraph if
God suddenly tossed text-indent into outer space as a punishment to
human beings for their desires for Fancy.

--
dorayme
Oct 31 '08 #5
On 2008-10-31, dorayme <do************ @optusnet.com.a uwrote:
[...]
Fair enough. I just went out for a walk and was amused to work out how
many ways I could think of to indent the first line of a paragraph if
God suddenly tossed text-indent into outer space as a punishment to
human beings for their desires for Fancy.
How about

p:before
{
content: "";
padding-left: 2em;
}
Oct 31 '08 #6
In article <sl************ *********@bowse r.marioworld>,
Ben C <sp******@spam. eggswrote:
On 2008-10-31, dorayme <do************ @optusnet.com.a uwrote:
[...]
Fair enough. I just went out for a walk and was amused to work out how
many ways I could think of to indent the first line of a paragraph if
God suddenly tossed text-indent into outer space as a punishment to
human beings for their desires for Fancy.

How about

p:before
{
content: "";
padding-left: 2em;
}
Nice.

God would likely toss out span too if anyone used

span {padding-left: 2em;} with

<p><span>Lore m ipsum dolor ...</span></por even

<p><span>Lore m</spanipsum dolor ...</p>

unless... unless He was a bit sentimental about MacIE5 where this works
but p:before does not. <g>

--
dorayme
Oct 31 '08 #7
In article
<do************ *************** *******@news-vip.optusnet.co m.au>,
dorayme <do************ @optusnet.com.a uwrote:
In article <sl************ *********@bowse r.marioworld>,
Ben C <sp******@spam. eggswrote:
On 2008-10-31, dorayme <do************ @optusnet.com.a uwrote:
[...]
Fair enough. I just went out for a walk and was amused to work out how
many ways I could think of to indent the first line of a paragraph if
God suddenly tossed text-indent into outer space as a punishment to
human beings for their desires for Fancy.
How about

p:before
{
content: "";
padding-left: 2em;
}

Nice.

God would likely toss out span too if anyone used

span {padding-left: 2em;} with

<p><span>Lore m ipsum dolor ...</span></por even

<p><span>Lore m</spanipsum dolor ...</p>

unless... unless He was a bit sentimental about MacIE5 where this works
but p:before does not. <g>
It's a bit difficult imagining any $DEITY getting sentimental about
MacIE5, although I suppose it was still an improvement on it's
predecessors.

Now, $DEVIL, on the other hand... (it's all in the details!)
Oct 31 '08 #8
In article <no************ *************** *@news1.chem.ut oronto.ca>,
David Stone <no******@domai n.invalidwrote:
In article
<do************ *************** *******@news-vip.optusnet.co m.au>,
dorayme <do************ @optusnet.com.a uwrote:
....
unless... unless He was a bit sentimental about MacIE5 where this works
but p:before does not. <g>

It's a bit difficult imagining any $DEITY getting sentimental about
MacIE5,
You know, it is still nearly the only browser on my machine that fires
up in 2 or at most 3 secs. The "nearly" is put in because I notice my
recently updated Safari (now 3) is very quick too. I know for a fact
that God is mightily impatient. (If He had not been impatient, He would
have let let evolution do its work instead of rushing the job in six
days. I think, therefore, there is a case to be made that he would look
fondly on this IE browser. And, I assume it hardly needs argument that
He would be using a Mac.)

--
dorayme
Oct 31 '08 #9
dorayme wrote:
You know, it is still nearly the only browser on my machine that fires
up in 2 or at most 3 secs.
For the record, Google Chrome holds the record on my system, barely over
two seconds unless the system is busy. IE6 clocked in at 7 seconds, by
comparison.

I haven't used it for a couple of days, and don't think that XP preloads
stuff that it knows I'll use in the future. So it is unlikely that it
was cached. My PC is a two-year old "commercial use" job, so nothing
very exciting.

--
Steve Swift
http://www.swiftys.org.uk/swifty.html
http://www.ringers.org.uk
Nov 2 '08 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

21
1868
by: Mark Hahn | last post by:
We're proud to say that Prothon has grown out of the indent space/tab flame war stage and has moved on to more serious discussions. We've decided to allow space-based indents and tab-based indents but not in the same file. We are also adding some improvements in the area of line continuations (see the algorithm at the end of the message). Since there were zillions of messages here on c.l.py about spaces vs. tabs and Guido has said he...
1
3039
by: hongping | last post by:
I am having problems transforming a xml doc into html with proper indenting. Here is the xslt <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xalan="http://xml.apache.org/xslt" xmlns="http://www.w3.org/1999/xhtml">
4
2446
by: Werner Partner | last post by:
I'm looking for something like that: http://www.sonoptikon.de/praxis-mt/test.php The text should have a certain indent, and from the left border should come a "marker" which goes over the text for a certain length. Please don't look at the source text, ;-) it's terrrible, but I just wanted to show how about it should look like. Of course in my test case I cannot realize two features: - the couloured marker should always have same...
22
27234
by: Firas | last post by:
Hi, Is there a CSSish way to indent a paragraph except for the first line? I tried p:first-line { text-indent: 0em; }
6
6689
by: Harlan Messinger | last post by:
A publication style guide indicates that for a table heading like the following, Table 3. Wheat and rye harvest in European countries in years that end in 3 or 7 or when a new prime minister takes office. when the heading flows over more than one line, a hanging indent should be used, such that the remainder of the heading should be left-aligned, in this example, with "Wheat", leaving "Table 3. " standing off by itself on the left.
1
1842
by: Christopher P. Winter | last post by:
I'm seeing some unexpected behavior with Text-indent, as shown on this page: http://www.chris-winter.com/Digressions/HP_Kayak/My_Kayak.html I set up the following style rules for footnotes: DIV.FootRule { Border-bottom: 1px Solid Gray; Margin-bottom: 2px; Text-align: Left; Width: 20% }
8
10022
by: tintagel | last post by:
Hi everyone, I've just joined your group! I'm pretty new to HTML etc. Here's my problem: I'm attached to the idea of keeping content separate from formatting information, so I like putting content in a .xml document and then making a stylesheet for it. At the moment I'm working on a lot of prose-style text, and having to enclose everything in double-sided <xyz></xyz> tags in order to get any
5
22326
by: jistanidiot | last post by:
We've got some plain text in a DB that we're pulling out and putting it on our website. The problem is it has some lists like this: 1. This text goes on and on forever and eventually it wraps to the next line. What I want to do is force that 2nd (and any other lines below it) to wrap like this:
2
3568
by: Chris Seidel | last post by:
Hi, I have a submit-element with a background-image of 16x16 px and the following style: background-image: url("ok.gif"); background-repeat: no-repeat; text-indent: 20 px; The problem is, that text-indent is ignored. When I supply the style to a
0
8238
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8680
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8624
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8336
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
7164
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6111
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4176
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
2607
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
1485
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.