I'm currently trying to display a list of movies with this pill-like elements. The code below works but I guess there is a better way or a way to use elements from the twitter Bootstrap. It also bothers me that the date in the brackets isn't centered with the heading.Please give me feedback how you like my code. I'm always open for any improvements or ideas :).pillLink > h { display: inline-block;}.pillLink { display: inline-block; padding-left: 20px;}.pill > #cover { height: 100px; outline: 2px solid white;}.pill {  padding: 7px; margin: 10px; width: 500px; background-color: silver; -webkit-border-radius: 7px!important; -moz-border-radius: 7px!important; border-radius: 7px!important; border: 1px solid grey}<html> <head>  <!-- Latest compiled and minified CSS -->  <link rel=stylesheet href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css integrity=sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7 crossorigin=anonymous>  <link rel=stylesheet type=text/css href=pills_style.css> </head>  <body>  <div class=pill>   <img src=http://3dprint.com/wp-content/uploads/2014/11/int3.jpg id=cover>   <a href=http://www.imdb.com/title/tt0816692 class=pillLink><h3>Interstellar</h3></a>   <span>(2014)</span>  </div> </body></html>
Pill with thumbnail and link
html;css;twitter bootstrap