Help with HTML unordered list?

Need help Database
1

Hi guys,

This is probably a dumb question but after about an hour trying I’ve decided to post it here!

I want an unordered list which displays text horizontally like this;

Link 1, Link 2, Link 3

I have tried many things but this is where I am up to … the font color and family are not working. Any help appreciated :slight_smile:

<ul>
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
</ul>

ul {
font-family: arial;
  font-color: red;
}

BTW, the reason I want this is for a breadcrumb. The trouble with placing 3 text boxes next to one other is that the spacing never feels ‘solid’.

2

Why not using bubble’s elements instead of html?

this should work, for font color you should use ‘color’ property, i suggest using classes on the elements and using div instead of ul if not using <ul></li> structure:

    <style>
	.horizontal-list {
    	display: flex;
    }
    .horizontal-list_link {
    	font-family: arial;
  		color: red; 
    }
	
</style>

<div class="horizontal-list">
    <a href="#" class="horizontal-list_link">Link 1</a>
    <a href="#" class="horizontal-list_link">Link 2</a>
    <a href="#" class="horizontal-list_link">Link 3</a>
</div>
2 Likes
3

Agreed, this is super simple with the new responsive engine.

2 Likes
4

Yep. Now the elements can fit width to content. Check how you can build Breadcrumbs easily:

image
image913×854 45.8 KB

2 Likes
5

Thanks so much guys, much easier than I thought :slight_smile:

6

This looks amazing, is it a paid plugin?

7

Hey @darren.james7518 , it’s a Chrome Extension: https://essentialkit.io :slight_smile:

1 Like