css - How do I change the position of an image without it affecting the text to it's left? -
code:
<div class="container_bottom_tip"> <div class="container_bottom_desc">this text <img class="browser_button_img" src="images/something.png"> </div> </div>
.container_bottom_tip { text-align: center; } .container_bottom_desc { color: #333; }
using code above want move image bit. when margin-top on image drags text "this text" it.
what can move image or down without affecting positioning of text "this text?"
you this:
.browser_button_img { position: relative; top: -10px; }
relative positioning allow move element relative have been without affecting other elements' reflow. unlike absolute positioning, relative allows maintain normal space taken element.
Comments
Post a Comment