FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 11 users online :: 0 Registered, 0 Hidden and 11 Guests :: 2 Bots

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

[SOLVED] how can I make these letters in the same line

View previous topic View next topic Go down

sohab
sohab

Gender : Unspecified
Posts : 140
Points : 3265
Reputation : 2
Language : frensh
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://www.saudijobstoday.net/

Postsohab Tue 09 Aug 2016, 10:02

i want to show those lettre in the some ligne how ?


Code:

 
Celebrity Net worth : <a href="/tags/A">A</a> &nbsp;
    <div class="circle">  <a href="/tags/B">B</a></div>&nbsp;
                      <div class="circle"><a href="/tags/C">C</a> </div>
                        <div class="circle">  <a href="/tags/D">D</a> </div>
                        <div class="circle">  <a href="/tags/E">E</a>&nbsp;</div>
                          <div class="circle"> <a href="/tags/F">F</a>&nbsp;</div>
                          <div class="circle"> <a href="/tags/G">G</a>&nbsp;</div>
                          <div class="circle"> <a href="/tags/H">H</a>&nbsp;</div>
                          <div class="circle"> <a href="/tags/I">I</a>&nbsp;</div>
                          <div class="circle"> <a href="/tags/J">J</a>&nbsp;</div>
                          <div class="circle"> <a href="/tags/K">K</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/L">L</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/M">M</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/N">N</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/O">O</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/P">P</a>&nbsp;</div>
                          <div class="circle"> <a href="/tags/Q">Q</a>&nbsp;</div>
                         
                          <div class="circle">  <a href="/tags/R">R</a>&nbsp;</div>
                          <div class="circle"><a href="/tags/S">S</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/T">T</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/U">U</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/V">V</a>&nbsp;</div>
                         
                          <div class="circle"> <a href="/tags/W">W</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/X">X</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/Y">Y</a>&nbsp;</div>
                        <div class="circle">  <a href="/tags/Z">Z</a>&nbsp;</div>
                         


css
Code:
.circle
{
width:50px;
height:50px;
border-radius:50%;
font-size:50px;
color:#fff;
line-height:50px;
text-align:center;
background:#000
}
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12256
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 09 Aug 2016, 11:08

Hi @sohab,

Add
Code:
display:inline-block;
(link) to your CSS rule so you get this :
Code:
.circle {
  width:50px;
  height:50px;
  border-radius:50%;
  font-size:50px;
  color:#fff;
  line-height:50px;
  text-align:center;
  background:#000;
  display:inline-block;
}
sohab
sohab

Gender : Unspecified
Posts : 140
Points : 3265
Reputation : 2
Language : frensh
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://www.saudijobstoday.net/

Postsohab Tue 09 Aug 2016, 11:11

not working
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12256
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 09 Aug 2016, 11:28

sohab
sohab

Gender : Unspecified
Posts : 140
Points : 3265
Reputation : 2
Language : frensh
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB2
http://www.saudijobstoday.net/

Postsohab Tue 09 Aug 2016, 11:32

sorry i don't see that
thanks it's work nown
Anonymous
Guest
Guest

PostGuest Tue 09 Aug 2016, 11:34

*** Topic solved, locked and archived ***
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum