Pull element right
Description
The following code shows how to pull element right.
Example
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css"
href="http://getbootstrap.com/dist/css/bootstrap.css">
<style type='text/css'>
.taken span.red {<!-- ww w . java 2 s. c o m-->
padding: 0;
margin: 0;
font: 14px/1.3 Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif;
color: #000000;
}
.taken {
background-color: transparent
}
.taken span.red {
background: none repeat scroll 0 0 #F08F78;
}
.taken:hover {
background: none repeat scroll 0 0 #FFC5B7;
}
</style>
</head>
<body>
<div class="taken alert">
<span class="red">warning</span>
<span class="pull-right"><a href="#"> Hello World</a></span>
</div>
</body>
</html>