Ask Question Forum:
Model Library:2025-02-08 Updated:A.I. model is online for auto reply question page
C
O
M
P
U
T
E
R
2
8
Show
#
ASK
RECENT
←
- Underline
- Bold
- Italic
- Indent
- Step
- Bullet
- Quote
- Cut
- Copy
- Paste
- Table
- Spelling
- Find & Replace
- Undo
- Redo
- Link
- Attach
- Clear
- Code
Below area will not be traslated by Google,you can input code or other languages
Hint:If find spelling error, You need to correct it,1 by 1 or ignore it (code area won't be checked).
X-position of the mouse cursor
Y-position of the mouse cursor
Y-position of the mouse cursor
Testcursor
caretPos
Attachment:===
Asked by fadercreep
at 2024-09-14 20:07:59
Point:500 Replies:2 POST_ID:828758USER_ID:10
Topic:
Miscellaneous Web Development;;
Looking for a way to display this in one line horizontally across the top of the page, instead of down the page. Just have a look and you will see what I mean. I want the varities of peppers to be all together on one line, with the H tags and pepper names.
http://www.forgeinfinity.com/canam/hot-jalapeno-peppers.html
http://www.forgeinfinity.com/canam/hot-jalapeno-peppers.html
Accepted Solution
Expert: julianH replied at 2024-09-15 03:23:04
500 points EXCELLENT
You can try this
1. Change your <ul> to
1. Change your <ul> to
2. Add the following to your style sheet
#pepper-list { list-style: none;}#pepper-list li:before { content: "-"; padding: 0 5px;}#pepper-list li:first-child:before { content: ""; padding: 0;}#pepper-list li { display: inline-block;} 1:2:3:4:5:6:7:8:9:10:11:12:13:14:
If you don't want the hyphens in between the items then
#pepper-list { list-style: none;"}#pepper-list li { padding: 0 5px;"}#pepper-list li:first-child { padding: 0;"}#pepper-list li { display: inline-block;"} 1:2:3:4:5:6:7:8:9:10:11:12:
Expert: duncanb7 replied at 2024-09-14 20:36:10
just use
your tag {
display:inline;
}
that will display on items in your tag in horizontally, for example,
<ul>
<li>A</li>
<li>B</li>
</ul>
so
ul {
display:inline;
}
output will be A B
not
A
B
Duncan
your tag {
display:inline;
}
that will display on items in your tag in horizontally, for example,
<ul>
<li>A</li>
<li>B</li>
</ul>
so
ul {
display:inline;
}
output will be A B
not
A
B
Duncan
