As I attempted to incorporate some custom code into Bootstrap, I encountered an issue where the text within the frame was not perfectly vertically centered.
Despite the simplicity of the code with only a few lines, I struggled to achieve vertical centering. You can view how it appears on jsfiddle:
When I exclude the Bootstrap CSS, the text aligns perfectly in the center. However, I require the use of Bootstrap for this project.
.init {
border:2px solid #EEEEEE;
font:14px/1.3 Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
margin:0px;
padding:5px;
min-width:120px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.taken span {background:none repeat scroll 0 0 #F08F78; }
.taken:hover{background:none repeat scroll 0 0 #FFC5B7;}