html - How can I right-align the css tabs' navigation buttons? -


the link below live demo , codes. how can move tab buttons right?

fiddle

.tabs {     width: 100%;     overflow: auto } .tabs li.tab {     float: none;     display: inline; } .tabs input[type="radio"] {     display: none; } .tabs .tab>label {     padding: 8px;     border-radius: 5px 5px 0 0;     border: 1px solid #ddd;     cursor: pointer;     top: 0;     z-index: 3;     background-color: #eee; } .tabs .tab-content {     z-index: 2;     display: none;     float: left;     padding: 1em;     left: 0;     border: 1px solid #ddd;     margin-top: 8px;     min-width: 90%; } .tabs [id^="tab"]:checked + label {     background-color: #fff;     border-bottom: 1px solid #fff; } .tabs [id^="tab"]:checked ~ [id^="tab-content"] {     display: block; } 

apply text-align: right ul element.

.tabs > ul {     text-align: right; } .tabs li.tab {     text-align: left;   /* normalizing */     float: none;     display: inline; } 

working fiddle


Comments

Popular posts from this blog

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -

matlab - "Contour not rendered for non-finite ZData" -

delphi - Indy UDP Read Contents of Adata -