All Questions
Tagged with css-float css-position
230 questions
1
vote
2
answers
60
views
How to align metadata (time and icon) in a chat bubble layout when text is short?
How it should look "the correct version"
How it looks, "the incorrect version"
The metadata looks ok when the text is long, however, when the text is short for example, the user ...
- 21
0
votes
1
answer
44
views
How to "float" absolute positioned span with inline-block text?
If the text reaches the absolutely positioned span element, it should flow around it. If the text within the div element does not fill an entire line, the entire line should not be colored when ...
0
votes
1
answer
59
views
Grow a div in priority before its sibling
I have a page that can have two styles depending on users settings:
Style 1:
div > div {
writing-mode: vertical-rl;
text-orientation: upright;
}
.left {
background-color: lightgreen;
...
- 9,305
-1
votes
1
answer
23
views
How to position element next to relative element
i have navbar looking like this on the markups
i want my Sales text to be aligned with the other menu items, while icon can be different size
any tips how to achieve desired result? i've tried to ...
- 335
0
votes
0
answers
36
views
How can I horizontally center a gallery of variously sized elements without wasting space using pure CSS?
text-align:center on all elements horizontally centers each row
float:left on all elements fills vertical space within each row, but rows are no longer centered
Is there a way to get both of these ...
- 1,925
2
votes
1
answer
71
views
What is out of the normal flow?
What PRECISELY does the bold text in the specification refer to?
Floats, absolutely positioned elements, block containers (such as
inline-blocks, table-cells, and table-captions) that are not block
...
user19551894
0
votes
1
answer
489
views
Tooltip cut off by floated container
I have an element that shows on hover. But it is cut off by a floated element:
The center of the table scrolls horizontally.
How would I get the element to show over all other elements, preferably ...
- 622
0
votes
1
answer
74
views
CSS - float:left not pushing div away/working properly
I have two div's next to each other but I cannot seem to get float: left to work properly and achieve what I want. Every time, the left div will still cut into/overlap onto the right div like so (This ...
- 63
0
votes
3
answers
1k
views
Float right changing position of next element
I have a simple HTML, one parent div, and two children. When I am styling one child with float set to right, the next child goes up and the margin-top doesn't apply to it, which I don't want.
Here is ...
- 7,490
0
votes
1
answer
229
views
How can I put a button to right side into the div?
**How can I put a button on the top to the right with white space on the left? **
<div class="newsletter">
<button class="goup">GO UP</button> *How can I put ...
- 19
-1
votes
1
answer
37
views
How do I set the width of the second box the same as the width of two boxes in the first row?
I have designed a page so that it can respond to different devices. So for large devices, there are three columns and for medium devices there are 2 columns and two rows.
The first row has two columns ...
-1
votes
1
answer
32
views
Trying to float right element and aling with top element [duplicate]
I'm trying to achieve the following:
But maintaining a specific div structure/hierarchy/order:
<div>
<div>
<h3>TITLE</h3>
<p>LEGEND</p>
</div>
&...
- 381
0
votes
4
answers
85
views
Position fixed on top right relate to parent div
I have an html like this:
<div class="container">
<div class="vertical-btns">
<button>Click</button>
<button>Click</button>
<...
- 5,904
1
vote
2
answers
67
views
how to use css flex box and css grid instead of float and absolute positions as described?
This code below is using float to adjust image beside content.
how could i have the same result not using float or positions but only css grid or/and flex-box?(aiming to implement the picture below ...
- 105
0
votes
1
answer
34
views
Is the body of this document not allowing the nav bar to align to the left?
I've built this in many different ways, and each time I've wanted to get the nav bar on the left side of the page. Each time, I try to do it differently, but I know I'm missing something. Please help. ...
