How to make commandeButon to vertical align?


Tags: css,jsf,primefaces

Problem :

I would like to make primefaces commandButton to vertical align. how to set commandButton's css in vertical align, as in the image below:

enter image description here



Solution :

You can use

transform: rotate(90deg) ;
-webkit-transform: rotate(90deg) ;
-moz-transform: rotate(90deg) ;
-o-transform: rotate(90deg) ;
-ms-transform: rotate(90deg) ;

See http://jsfiddle.net/poselab/54XvF/

CSS3 MAKER is a good tool to create your css transforms


    CSS Howto..

    How to get the current browser resolution in css?

    How to make a div fill the height until the next absolutely positioned element

    how to make a floating div disappear for smaller screens?

    How to do page / content transitions

    How to place an image and text under it, side by side using HTML and css?

    JQuery with IE reading inherted css property, how to prevent?

    How do i get a font to show up smooth like this?

    How do I get content to overflow into another div if there is room, using css?

    How to use nth-child() but not for child in CSS?

    Hide one div when showing another with JavaScript

    How to eliminate the margin of div boxes

    How to set the maximum height of CSS tables?

    How can I hide an element that doesn't have an id from the CSS?

    How to make “button-like appearance” with CSS

    how to make this fit in same line in css

    Devtools audit shows unwanted/injected css rules

    How to change css from javascripts

    how to align editor-label with editor-field in css

    Sencha Touch 2: how to remove right arrow of datepickerfield by using css?

    How do I add a “popup” shadow to an HTML element

    How to replace with a
    filled with CSS?

    How to make each element to be fully independend with CSS?

    How to create this border styles in HTML/CSS? [closed]

    HTML/CSS: How do I make right floats go to the top instead of floating at the position where they were when they were inline?

    How can I get the text style from window.selection()?

    how to replace a link name text

    How do I specify that a html cell should have the minimum width it needs to display all of its content

    How to make Online iPhone “Card Game” with HTML5 [closed]

    How do I move the background image of a DIV based on the scrollbar movement?

    how to stretch an image in background css property