div#shoternUrl { background-color: #CB2027; height: 60px; margin: 10px; } div#shorternh2 { float: right; margin-right: 15px; color: #FFF; padding-top: 14px; } input.textinpo { float: left; margin: 9px 0 0 10px; border: 1px solid #FFF; padding: 5px; background-color: #55ACEE; color: #FFF; margin-left: 250px; } .author-wdbloog { float: left; padding: 6px; margin-top: 7px; margin-left:-419px; background-color: #fff; } .author-wdbloog a{ display: inline-block; text-align: center; font-size: 15px; margin-right: 0px; } .author-wdbloog a i{ font-family: Fontawesome; width: 30px; height: 30px; line-height: 20px; padding: 5px; display: block; opacity: 1; transition: all .3s; } .author-wdbloog a:nth-child(1) i { background:#2d609b;color:#fff; } .author-wdbloog a:nth-child(2) i { background:#19bfe5;color:#fff; } .author-wdbloog a:nth-child(3) i { background:#eb4026;color:#fff; } .author-wdbloog a:hover:nth-child(1) i,.author-wdbloog a:hover:nth-child(2) i,.author-wdbloog a:hover:nth-child(3) i { opacity:0.90; } div#shorternhwdbloog { float: left; color: #FFF; padding-top: 14px; margin-left: -306px; }ا