How would I move the 3 lower texts up?

HTML & CSS
21

You didn’t answer my question. You have to think about things, instead of randomly guessing all the time. Is “Available in 4 colors” an item in a list of things? Or is it an instruction that goes before the list of things?

22

23

You still didn’t answer my question. I don’t want to see your code, or the results of your code right now. I would like you to describe to me whether that sentence is supposed to be an item in a list, or just the instruction that goes before the list of colours.

If it is just an instruction before the list (and you don’t want that disc in front of it), then leave the code I gave you alone, and just before it put: <p>Available in 4 colors:</p>

So this is what your code will look like:

<ul>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>

<p>Available in 4 colors:</p>

<ul style="list-style: none; ">
	<li style="display:inline-block; margin-left: 38px">
		<span style="display:inline-block; width:12px; height:12px; border-radius:3px; background-color:#70CBD2; margin-right:2px;">
		</span>
		Blue,
	</li>
	<li style="display:inline-block;">
		<span style="display:inline-block; width:12px; height:12px; border-radius:3px; background-color:#9BCD13; margin:0 2px 0 7px;">
		</span>
		Green,
	</li>
	<li style="display:inline-block;">
		<span style="display:inline-block; width:12px; height:12px; border-radius:3px; background-color:#C40F89; margin:0 2px 0 7px;">
		</span>
		Pink,
	</li>
	<li style="display:inline-block;">
		<span style="display:inline-block; width:12px; height:12px; border-radius:3px; background-color:#818085; margin:0 2px 0 7px;">
		</span>
		Grey
	</li>
</ul>
24

I want a disc next to it and indented.

25

Is it part of a bigger list? Or is it just on its own?

@asasass, I have to go to the library to work now. When I get there in about half an hour, we can continue this.

26

You can’t attach it on with the colors?

27

You never included this in your code.

<span style="color:#b45f06;font-weight:700;line-height:35px;">Text</span><br>

Text<br>
Text<br>
Text<br>
<br>
28

I like @ronpat code better.

29

I didn’t include that code because I was just dealing with the part you were asking about.

I did suggest that the first (coloured) Text should be a heading <h3> (Post #13). Did you notice that? Then I stopped because I need to know from you exactly what those last three ‘text’ parts are.

If you would give the whole picture of what you want to achieve, it would be much easier to help you, instead of being fed bits and pieces at a time.

What do you want the whole thing to look like?

2 Likes
30

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.