Skip to content Skip to sidebar Skip to footer
Home / Css / Html

Making Responsive, Layout No Floating?

Post a Comment
I'm trying to make responsive layout, but it's not going to well for me. I got two elements at the top, i need the first on the be floated left and the second one to the right, but

Solution 1:

if you want top element to go left and right, then check following:

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Document</title></head><body><style>
       *{
           margin: 0;
           padding: 0;
           border: 0;
       }
       .container{
           max-width: 100%;
       }
       .container.top-element-left {
           max-width: 45%;
           background-color: skyblue;
           float: left;
       }
       .top-element-right {
           background-color: skyblue;
           max-width: 45%;
           float: right;
       }
    </style><divclass="container"><divclass="top-element-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad facilis quae nihil perspiciatis atque impedit et, eius, quidem consequatur fugit.</div><divclass="top-element-right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut laudantium, minus nobis vel dignissimos inventore?</div></div></body></html>

and for suggestion for responsive web development: I would suggest you to start using susy. For me life had never been easier when working with css until I stumbled at susy

Post a Comment for "Making Responsive, Layout No Floating?"