New course! Every coder should learn Generative AI!
Try a free lesson0
Struggling to use the box model in CSS
3 Answers
+ 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?
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>
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;}
Often have questions like this?
Learn more efficiently, for free:
Hot today
Android studio Tutorial
0 Votes
Why output is 0 for from_chars
2 Votes
Cyber security
0 Votes
Why did my code got deleted?
0 Votes
Personal chat
1 Votes
Bash
0 Votes
Help
0 Votes
Error...
1 Votes