All Questions
Tagged with css-float html-lists
110 questions
0
votes
3
answers
412
views
HTML - list items on left and right of page, on same lines
I am creating a website that is going to be my resume. I have my name centered, I am going to have my contact details below. On the left, I am going to have my address over two lines, and on the right ...
- 1
0
votes
1
answer
46
views
Setting portions of <li> elements in horizontal nav bar to float right with CSS reverses their order
I'm trying to create a basic horizontal navigation bar fixed at the top of the page, with 4 links included. I wanted the last two to be located at the right side of the nav bar with CSS, but I can't ...
- 15
0
votes
1
answer
20
views
Aligning an element to the right and under two other elements
I am trying to place an unordered list underneath two headers. I currently have the two headers aligned right and floated right, and they seem to be in the right position. However, when I try to align ...
7
votes
3
answers
2k
views
How to make a <ul> wrap nicely with floating elements?
I have a floating image followed by an unordered list. By default, this causes the list bullets to overlap the image.
img {
float: left;
}
<img src="https://picsum.photos/200/100" />
<...
- 486
2
votes
1
answer
59
views
xHTML correctness question and quick CSS float question
I'm just writing to inquire what would be more correct for xHTML and a CSS question.
For the HTML:
Say I have a list of:
Apples,
Bananas,
and Carrots
Would this be more correct:
<ul> <li> ...
user13880264
1
vote
0
answers
463
views
Position and height of elements inside li
I currently have two problems with a list of links.
First of all I need to display
| button | | text | | button |
side by side in the li. First button left hand side, then the text and the ...
- 527
0
votes
1
answer
102
views
Reverse list with float right and left [duplicate]
What I want to achieve is the following:
| foo bar baz bam |
i.e. having the first element of a list floating to left and consecutive elements in that list aligned to the right....
- 3,058
1
vote
3
answers
95
views
Positioning <img> element inside <span> element which both are in <li> element?
I have this:
#left {
float: left;
width: 40%;
}
nav ul {
list-style-type: none;
}
nav ul li {
border-bottom: 2px solid red;
border-left: 2px solid red;
border-right: 2px ...
- 942
0
votes
0
answers
61
views
List item not acting according to a given command
please forgive me if my question is not presented in the usual manner, this is my first time on this forum.
That being said, I have a question regarding the css float. Everything was going fine, that'...
0
votes
0
answers
985
views
Prevent <li> from overflowing parent <ul>
We have a menu that has the following structure below. The goal is to set to a max-height on the <ul class=float-one> such that after four <li> it is always wrapping to the next column.
...
- 674
1
vote
4
answers
1k
views
Unordered Lists: Limiting the number of List-items before starting a new column
My brain is fried so I apologize if this seems extremely simple:
I have an unordered list:
<ul class="activeList">
<li class="item">Item 1</li>
<li class="item">Item 2&...
- 1,475
8
votes
2
answers
143
views
How do I style ul/ols to be able to flexibly wrap around float-ed content?
I have what I feel like should be a relatively straightforward set of constraints that I can't seem to find a solution to. I'm trying to build a set of WYSIWYG component stylings that will work ...
- 536
3
votes
1
answer
25
views
moving/floating 2 lists out of 3 to the right but keep the markup order
i have three lists that are inline-block.
the last two i want to move them to the right of the screen but keep their markup order
i float them with and without clearfix
problem is that i can't keep ...
2
votes
4
answers
410
views
How can I convert a three-column layout to a single unordered list for mobile?
I'm working on a responsive web page, which currently has 3 divs containing further divs. These display on the screen as 3 floated columns
However when the screen size is 700px and below, I'd like ...
- 47
3
votes
1
answer
319
views
ul won't float right in navbar bootstrap 4 beta
I see other people have asked this question but I don't see any correct answers. I have tried float-right and float-xs-right. Here is the full code on the entire page per request.
<!doctype html&...
- 31