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:
<li>tengo</li>
<li>tienes</li>
<li>tiene</li>
<li>tenemos</li>
<li>teneis</li>
<li>tienen</li>
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<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
ul {
width:200px;
}
li {
float:left;
line-height:26px;
height:26px;
width:100px;
}
</style>
</head>
<body>
<ul>
<li>tengo</li>
<li>tenemos</li>
<li>tienes</li>
<li>teneis</li>
<li>tiene</li>
<li>tienen</li>
</ul>
</body>
</html>that's great, bonrouge!!! many, many thanks.
tenchI 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?
<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>
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:
<li>tengo</li>
<li>tienes</li>
<li>tiene</li>
<li>tenemos</li>
<li>teneis</li>
<li>tienen</li>
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<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
ul {
width:200px;
}
li {
float:left;
line-height:26px;
height:26px;
width:100px;
}
</style>
</head>
<body>
<ul>
<li>tengo</li>
<li>tenemos</li>
<li>tienes</li>
<li>teneis</li>
<li>tiene</li>
<li>tienen</li>
</ul>
</body>
</html>that's great, bonrouge!!! many, many thanks.
tenchI 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?
<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>