All Questions
Tagged with css-float vertical-alignment
92 questions
0
votes
0
answers
93
views
Vertically aligning HTML paragraphs to cleared floats with CSS
I've a slightly odd requirement here. I'm trying to create a HTML + CSS transcript of a seventeenth century book which has a peculiar layout. The pages have a column of text with a generous right-...
- 3,513
0
votes
1
answer
46
views
How can I vertically align a floated image [duplicate]
When I try to vertically align text on the left to the vertical middle of the image on the right, nothing works.
HTML
<div class= "div"> <p class= "alignleft">text on ...
- 3
2
votes
1
answer
1k
views
CSS float bottom right
I have some text with two images floating around it:
<!--This is obviously a simplified version, there are other styles needed for the images below-->
<div id="wrapper">
<...
- 179
-1
votes
1
answer
61
views
How to horizontally align two DIV
i have this snipet of code and i want to align the variation-options options with the woo-price-area on the right:
<div class="woo-button-area">
<div class=&...
- 302
3
votes
1
answer
273
views
Vertically Align Multi-line Text in a Div Sitting Next to Floated Sibling
I've got two sibling divs. One takes up a width of 70% of the parent and is floated to the left. It has a clip-path to create an irregular polygon. The sibling div has a width of 100% of the parent. I'...
- 160
0
votes
0
answers
37
views
How to vertical center floating elements with height in percentage? [duplicate]
I have a bunch of .item(s) that are floating left. Each of these elements have 12.5% defined in height.
How do I vertically center these elements to a 100% parent height div?
I've tried with the "...
- 3,359
0
votes
2
answers
53
views
Trying to align an image to the right middle of a column in bootstrap
I'm trying to align an image in my bootstrap column to the right and have the text wrap around it on the left like this: https://codepen.io/freeCodeCamp/full/YqLyXB
I've been researching flexbox and ...
- 21
0
votes
1
answer
206
views
Align a link/button to the right and bottom of a container that have also other elements - can't use flex
Align a link/button to the right and bottom of a container that have also other elements. I can't use flex.
I found some solutions here the majority of them using position relative on parent, and ...
- 4,018
0
votes
2
answers
267
views
vertical align with float and margin
If I remove margin:25px; or set margin-top:25px; from .input-box, .element-box the elements do not align vertically. And it only affects the spanned element and not the floated. Can some explain why ...
- 1,398
2
votes
2
answers
150
views
Vertical align floated elements of unknown height
I want to create a header with two columns, one for the "brand name" and one for buttons, such as login, sign up etc.
However I can't wrap my head around how to vertical center them inside ...
- 1,162
0
votes
1
answer
42
views
fixed navigation bar left with items take equal height vertically aligned
I am creating a simple left floated fixed vertical navigation bar which takes 100% of viewport height and each list item should take equal height. I have managed to do all this but can't get the list ...
- 667
0
votes
2
answers
2k
views
Aligning a Navigation Menu with a logo
I might having some understanding problems with basic CSS but, even by looking on other threads I just cannot get rid of that problem.
I've realized that vertical-align just works on inline elements, ...
4
votes
1
answer
170
views
CSS: wrapping a floated div with the bottom aligned text
Black div is a fixed-height container. Blue div should be in the top right corner. Green text must respect the blue div, but also should be aligned to the bottom of the black div. Is that possible?
- 1,179
1
vote
3
answers
145
views
<span> and <ul> vertical alignment
I have a <span> element followed by a horizontal <ul> element. Why is there a left and bottom margin on the <ul>? How can I remove this space?
jsfiddle
HTML
<span>AAAAA</...
2
votes
4
answers
5k
views
HTML: Position element by the center of sibling
Sorry for a dump question. I have never work with HTML.
I have following UI:
I would like to be Success centralized by the middle of sendMessage element.
<div style="position: relative; overflow: ...
- 11.3k