html - float right doesn't work -


sorry basic question. i'm new in css , try work. have following markup:

  <div class="box-title"><p>element-betonbecken premium</p></div>         <img src="img/page1/pool-top.png" class="pool-img" alt="" />         <div class="box-small-title-right"><p>elementtreppen</p></div>         <div class="box-elementtreppen"></div> 

and have css markup:

.box-title {   background-color: rgba(255, 255, 255, 0.5);   width: 900px !important;   height: 67px;   margin-top: 20px;   font-weight: 600;   line-height: 67px;  }  .box-title p {   font-weight: 600;   line-height: 67px;   padding-left: 20px; } .box-small-title-right {   background-color: rgba(255, 255, 255, 0.5);   width: 460px;   height: 40px;   float: right;   margin-top: 2px; } .box-small-title-right p  {   font-weight: 600;   line-height: 40px;   padding-left: 20px; } .box-small-title-left {   opacity: 0.5;   background: #ffffff;   width: 420px;   height: 40px; }   /** page 1 **/  .pool-img {   width: 420px;   height: 220px;   margin-top: 2px; }  .box-elementtreppen {   opacity: 0.5;   background: #ffffff;   width: 460px;   height: 304px;   float: right; } 

my goal result:

enter image description here

i know there positioning, seems, didn't made correctly.

add float:left image

<img src="img/page1/pool-top.png" class="pool-img" alt="" />  .pool-img {       float:left;  } 

so leaves space next div

hope help


Comments

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

python - pip wont install .WHL files -

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -