vertical-alignment

I have a list with bullets. I made the bullets smaller by putting the li text inside a span and making the font-size of the li smaller than that of the span. The problem is that now the bullets are not vertically aligned in relation to the text. How do I fix that? HTML: <ul> <li><span>text1</span></li> <li><span>text2</span></li> <li><span>text3</span></li> <li><span>text4</span></li> </ul> CSS: li{ font-size: 15px; } li span{ font-size: 25px; } jsFiddle: http://jsfiddle.net/tXzcA/ You could just make your own bullet point and make it whatever size you want. li{ font-size: 15px; list-style

I found as problematic thing to align vertically some elements on page, without changing some others elements layouts. The problem is magnified on mobile devices. So many screen sizes, resolutions, portrait, landscape... var x=window.innerHeight - $('#myDiv').height(); $('#myDiv').css ('margin-top', x/2); This should be ok for all devices, mobile and desktop. Do you see any downside of these approach? As I understand, all devices today support JavaScript. But, is it possible that some device supports JS but doesn't support jQuery ? You should use $('#myDiv').parent().height() instead of window

I'm creating a DataGrid in C# (from code-behind/not XAML), but no matter what I try, I can't get the text to be vertically center in the data cells: I started off with: var CellStyle = new Style(typeof(DataGridCell)) { Setters = { new Setter(TextBlock.TextAlignmentProperty, TextAlignment.Center) } }; Which correctly targets the cell and horizontally centres the text (per the screenshot above). Trying to vertically center the text, I know that a TextBlock doesn't support vertical content alignment, only its own vertical alignment within a parent element. Per this question ( Text vertical

I'm looking forward to build a tooltip which is positioned next to the element. It's easy to put it over and under in the center of element. But is there a way to do so vertically (on the right or left side of element vertically positioned in a middle of elements height)? For my purpose, height of the element is known & height of tooltip is not. And tooltip can be a child of element. But, I'm also curious about how to do it when both heights are unknown. By heights I understand element's and tooltip's height. Width can be known and fixed. This is pretty late but I tried to make an example on

After coming back to web-development after a four year hiatus, I am having a tough time vertically aligning the contents of a bootstrap 3 column with the next column. I have tried searching this site as well as generic searches in general and have just not come up with the right solution ... or my search terms are poor. In the HTML/CSS below, I would like to vertically center the "Page Title" text in the left column. I would like to keep the HTML and CSS as concise as possible while using the Bootstrap 3 CSS, so I just think I am completely missing something simple. HTML <div class="row page