Within this div, I have a paragraph. I am trying to position a specific word within the paragraph to be centered vertically, but my attempts using a span have been unsuccessful. Is there an easy way to achieve this?
div {
width: 300px;
height: 250px;
border: 1px solid #ccc;
position: relative;
}
span {
font-weight: bold;
display: inline-block;
vertical-align: middle;
}<div>
<p>blah blah blah blah blah blah blah blah blah blah <span>blah</span> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</p>
</div>