NEED TO CHECK THE CODE - Footer problem

NEED TO CHECK THE CODE - Footer problem
0

#1

I want that text “All rights protected” to be in the same line with the social links. Right now they are in different lines. You can see my code on the left. That’s it.

THANKS GUYS


#2

Hi, @Bek777. Try giving both the p and the list display: inline-block;. Then make the list itself float: right; The list items will look weird sticking to the top of the footer. You can add some padding to the top of each item to fix.


#3

Actually we can’t. You should post link to codepen and not screenshots.

Anyway, one way is to wrap “All rights protected” and social list in separate divs with same class and set that class to display: inline-block;

HTML:

      <div class="container">
          <div class="newClass">
          <p> &copy <b>All rights protected</b></p>
          </div>
          <div class="newClass">
          <ul class="social">
            <li><a href="#">Facebook</a></li>
            <li><a href="#">Twitter</a></li>
            <li><a href="#">Linkedin</a></li>
          </ul>
          </div>
        </div> <!-- class container-->

CSS:

.newClass {
  display: inline-block;
}

#4

Thank you @kevcomedia. @jenovs thank you too. Next time i will put the link. Sorry for inconvinience.