/    Sign up×
Community /Pin to ProfileBookmark

css to style parallel lists (verb conjugations)

Copy linkTweet thisAlerts:
May 28.2005

hi,

i was wondering if anybody had an idea or a reference how to style parallel lists. i have a verb conjugation that looks like this:

[CODE]
<li>tengo</li>
<li>tienes</li>
<li>tiene</li>
<li>tenemos</li>
<li>teneis</li>
<li>tienen</li>
[/CODE]

but i would like to style it to have singular and plural appear as parallel columns, i.e.:

tengo tenemos
tienes teneis
tiene tienen

can this be done?

many thanks in advance
tench

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@BonRougeMay 28.2005 — &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
&lt;style type="text/css"&gt;
ul {
width:200px;
}
li {
float:left;
line-height:26px;
height:26px;
width:100px;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;ul&gt;
&lt;li&gt;tengo&lt;/li&gt;
&lt;li&gt;tenemos&lt;/li&gt;
&lt;li&gt;tienes&lt;/li&gt;
&lt;li&gt;teneis&lt;/li&gt;
&lt;li&gt;tiene&lt;/li&gt;
&lt;li&gt;tienen&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@psychomachineauthorMay 28.2005 — that's great, bonrouge!!! many, many thanks.

tench
Copy linkTweet thisAlerts:
@Slickwilly9Jul 18.2005 — I have setup this unordered list. And I am attempting to make it to where it is two columns. It becomes two columns but there are some problems. First of all there are a variable amount of characters so some are extended to the next line which in turn move both columns down. I attempted to use BonRouge's CSS and it did the same thing. Also when I have tried this the list style seems to be disappearing. I cannot figure out why. Any suggestions?

[CODE]<div id="amenities">
<ul style="list-style-type: disc">
<li>115 Luxury Sites</li>
<li>Pet Friendly</li>
<li>Beautiful Bath Houses</li>
<li>Heated Pool</li>
<li>Spa</li>
<li>Stocked Ponds</li>
<li>Concrete Streets and Site</li>
<li>Clubhouse Exercise Facilities</li>
<li>Library</li>
<li>Game Room</li>
<li>Rally Room</li>
<li>Wi-Fi</li>
<li>Walking Trails</li>
</ul>[/CODE]
×

Success!

Help @psychomachine 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 6.1,
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: @meenaratha,
tipped: article
amount: 1000 SATS,

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

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...