html - Mouse over pointer extends past div button surrounded by a tags, why? -


I have a Div button below some text and the CSS given by it is the following:

  & lt; Div id = "text" & gt; & Lt; H1 & gt; Household Advertising & lt; B & gt; Dillar & lt; / B & gt; & Lt; / H1> & Lt; P & gt; It is completely an error that resolves all attempts to destroy all errors while harming all errors, and everyone realizes that they really know about incredible discoveries and they find out That architecture was described around life. & Lt; / P & gt; & Lt; P & gt; Nemoji is suitable for pneumonia, which are suitable for any type of oxygen or auditing, but as a result, Max. & Lt; / P & gt; & Lt; A href = "blog" & gt; & Lt; Div id = "blog_button" & gt; Blogs & lt; / Div & gt; & Lt; / A & gt; & Lt; / Div & gt; Div # blog_button {width: 90px; Height: 30px; Background color: # E31F2D; Border-radius: 2px; Text-align: center; Vertical-align: medium; Line-height: 30px; Margin Top: 20px;   

}

} When rotating on the div, the default mouse is moved to the pointer before the edge of the right hand of the button along the edge of its container divas, just its Instead of the button How can I stop this? I only want it on the button.

"post-text" itemprop = "text">

Because a div is a block element, the block element extends to the full width of the elements if you add the display: inline in your style that fix it Will give

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -