CODEWITHSUNDEEP
css
user3623443
user3623443

Reputation: 9

How to center a text in circle bullets?

I have some CSS problem. On the website http://astrazlata.rs/ on the accordion section "Finansijski izveštaji", how can I make text inside that section center on the page, so that is not align to the left? I tried few ways with text-align:center or margin: 0 auto, but it want works.

Also I on the accordion I have some problem with:

ul {
     list-style: circle;
}

When I leave it like that, page push that circle bullets little bit outside the section (it looks ugly and unclean), but it nicely displays text.

Other scenario is when add:

ul {
    list-style: circle inside;    
 }

circle bulltets are displayed perfectly in the line with the section but text acts little bit funky like this - https://www.dropbox.com/s/pb3kxmfjod3084d/bullets%28text%29.png?dl=0 Is there any way to solve that problem, so that circle bullets are in line with section, but without the funky looking text?

Upvotes: 0

Views: 100

Answers (2)

wmlynarski
wmlynarski

Reputation: 546

For the first part of your question.

https://jsfiddle.net/wieslaw/y26k6amu/.

Answer to your question is also in https://stackoverflow.com/a/14510696/1643235.

.container { 
  text-align: center;
}

ul { 
  display: inline-block; 
}

Upvotes: 1

Tarun Mahashwari
Tarun Mahashwari

Reputation: 358

add following code into your style.css file:

.accordion-content ul {
position: relative;
left: 50%;
}

you can adjust 50%; value to whatever you like.

Upvotes: 0

Related Questions