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:
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
Post a Comment