0

Struggling to use the box model in CSS

25th Nov 2022, 12:53 PM
Keyayco
Keyayco - avatar
3 odpowiedzi
+ 4
What is the problem you're having? What do you want to do? Do you have a code that doesn't work this way? Can you attach it from the code playground?
25th Nov 2022, 2:32 PM
Ausgrindtube
Ausgrindtube - avatar
0
I am trying to position the text in the unordered list The html : <!DOCTYPE html> <html>     <head>         <title>Page Title</title>     </head>     <body>            <button class="butt" style="background-color:purple"> beats </button>         <ul class="list">     <li class="tube">     <a  class="tubed"    href="   https://youtu.be/XaKesmKTly0 "> youtube </a> </li>     <li> <a class="tubed"     href=" https://on.soundcloud.com/8MHXC"> sounds of the <b> cloud</b>     </li>     </ul>         <div class="bigsquare"> </div>             </body> </html>
28th Nov 2022, 12:43 PM
Keyayco
Keyayco - avatar
0
The CSS: body { background-color:lightgrey; } .list {padding:60px; width:50px; height:50px; position:fixed;top:20px; right:20px; border-style:groove; border-width:10px; border-color:darkgrey; border-radius:5px;; } .tube {vertical-align:top; color:pink; list-style-type:square list-style-position:outside;} .tubed{ font-family:blippo, fantasy; font-variant:small-caps ; color:white;} .bigsquare{padding:100px; background-color:rgba(5,5,5,0.5); border:solid 2px black;} .circ{float:left;} .bigsquare{position:fixed;top:250px; right:100px;}
28th Nov 2022, 12:44 PM
Keyayco
Keyayco - avatar