Stack Overflow
Stack Overflow

Questions tagged [vertical-alignment]

Typically a style or other UI definition associated with the placement of an interface item in the vertical plane.

3252 questions
1
vote
4 answers

how do i vertically center two elements in a parent?

As you can see in the demo, once I add the the
1
vote
2 answers

How to change vertical alignment of inline element?

After checking similar questions to this, none of the recommended solutions worked for me. I am trying to align li elements to be vertically centered in their div: HTML:
1
vote
1 answer

Putting two ul elements side-by-side in a menu and changing to click instead of hover

I have this menu using just CSS and HTML. Some of the sub-menus are long, so I would like to sub-divide them into separate lists of up to 5 items and display them side by side instead of underneath each other. So I've put them in a
and…
jbx
  • 21,365
  • 18
  • 90
  • 144
1
vote
1 answer

CSS3 min-height property ignored with vertical-align: middle

http://codepen.io/maxwbailey/pen/nxaFr I'm trying to get the text to center vertically. This is only important when there is white space (I.E. when the auto height would be less than min-height). How can I accomplish this? I've seen this question…
Drexl
  • 69
  • 2
  • 2
  • 8
1
vote
1 answer

Possible to create responsive circle container with centered content?

I've been pulling my hair for some time now trying to come up with the following layout: a circle that's dynamic in size (responsive) with content inside being centered, both horizontally and vertically. The content will vary in length and as such…
Staffan Estberg
  • 6,795
  • 16
  • 71
  • 107
1
vote
1 answer

Is it possible to float: right; align to top?

Here is my jsfiddle. I have a container using the "clearfix" class. Within that are 3 articles, the first two are floated left at 70% width, the last is floated right at 30% width. My expectation would be that the floated right article would fill in…
beefchimi
  • 1,308
  • 2
  • 17
  • 34
1
vote
1 answer

How to align two divs in a table cell

I am trying to vertical align two divs in a table-cell, using bootstrap 3 RC1. I have applied the vertical-align class but what am I missing? Bootply here: http://bootply.com/73625 HTML
alias51
  • 8,178
  • 22
  • 94
  • 166
1
vote
1 answer

How do center text to a text area?

I would like my "feild labels" to be aligned in the center of their corresponding text fields. I have tried many different ways, and to get it centered on the page, I used tables. I am currently using "display: inline-block;" and "vertical-align:…
MacBoss123541
  • 198
  • 1
  • 17
1
vote
2 answers

How to vertically align a div in the body?

I would like to vertically align a div (rectangle), this div doesn't have any parents, i created one (container) to use the vertical-align property but i could remove it if someone knows a better way. I just want to center a rectangle into the body…
Ludo
  • 5,060
  • 15
  • 53
  • 85
1
vote
3 answers

Vertical Menu Submenu CSS Alignment

I have a vertical menu and need a submenu to pop out. I've got everything working except my sub menu doesn't align where it should horizontally. Instead, it jumps up against the header div above. Any help would be appreciated. HTML
deecemobile
  • 113
  • 1
  • 6
1
vote
2 answers

Vertical Align Text Over Image With CSS

I'm trying to make an image fade and then text appear centered over the image (Horizontally and vertically) but I can't get it to vertically center. Here's my CSS: