html - Issue to place 2 lines of text in a circle -

html - Issue to place 2 lines of text in a circle -

I want to put a seconf line of text below the word "state". For some reasons the second line of the text (red's "brain") has been kept down from the circle Do you know what is the reason for this huge gap and how to fix it? Was not suitable to use? Thanks

Enter image details here

HTML

  & lt; Div class = "circle text color 2 color 2-box-shadow" & gt; State & lt; Br> & Lt; Span & gt; Of the & lt; / Span & gt; & Lt; / Div & gt;

CSS:

  .circle {boundary-radius: 50%; Swim left; Display: Inline-block; Margin-right: 20px; / * Text Styling * / Font-Size: 45px; Width: 220 pixels; Height: 220 pixels; Color: #fff; Border: 2px solid #fff; Line-height: 220 pixels; Text align: center; Font-family: aerial; } .color-1 {background: # DD4814;} .color-2 {background: # aaa97f; } .color-3 {background: # 5 e 2750; } .color1-box-shadow {box-shadow: 0px 0px 1px 1px # DD4814} .color2-box-shadow {box-shadow: 0px 0px 1px 1px # aea79f} .color3-box-shadow {box-shadow: 0px 0px 1px 1px # 5E2750}. Cercle span {color: red; Font-size: 22px; }

line-height vertical center doesn 'text Does not work with many rows.

If the height and width of the circle have been fixed, make some of the height between the upper and lower padding to make the text center in the middle.

Display: Block given

Example of work

and can be removed.

    .circle {boundary-radius: 50%; Swim left; Display: Inline-block; Margin-right: 20px; / * Text Styling * / Font-Size: 45px; Width: 220 pixels; Height: 80px; Padding: 70px 0; Color: #fff; Border: 2px solid #fff; Text align: center; Font-family: aerial; } .color-1 {background: # DD4814; } .color-2 {background: # AEA79F; } .color-3 {background: # 5 e 2750; } .color1-box-shadow {box-shadow: 0px 0px 1px 1px # DD4814} .color2-box-shadow {box-shadow: 0px 0px 1px 1px # aea79f} .color3-box-shadow {box-shadow: 0px 0px 1px 1px # 5E2750}. Cercle span {color: red; Font-size: 22px; Display: block}  
   & lt; Div class = "circle text color-2 color 2-box-shadow" & gt; State & lt; Period & gt; Of the & lt; / Span & gt; & Lt; / Div & gt;








02:22

















Get link





Facebook





X





Pinterest





Email





Other Apps




Comments





Post a Comment







Popular Posts




Change uuid to integer id in mongodb - sails.js -



    Then I have changed cells.js database on mangodeb server with local discount and all my ids have changed to a uuid id . General ID is very easy and cleaner. How can I change my ID again as integer ID?   What are the benefits of using btw UUID? And how do I request an update with that long ID?    {"name": "mutton", "id": "544a7968101ca2903974cdc1", "createdAt": "2014-10-24T16: 08: 08.052Z", "UpdateAut": "2014-10-24T 16: 08: 08.052Z"}       This " Normal "method that creates MongoDB id, is a combination of timestamp, machine identifier, process id and random values.   From the MongoDB site:  "Documents stored in a collection require a unique _id field which acts as the primary key. Since ObjectIds are small, most likely is unique, and Fast to generate "    The primary key and probably some other data are related to them.   If you want to keep the id like 1,2,3,4,5 ... you have to set u...






openstack - How to install packages in cirros OS -



    How to install a package in Cyrus image?   I do not have any installer available in the Siros image that comes with devstack installation.      As @Harik Krishnan commented, cirros does not include a package manager in cirros More useful for the fact that the clouds are working correctly, that VMs are being started properly and things like network, security groups and key pairs are working relatively well.   If you are a package manager Want a Linux VM with, you should see a different distribution . Ubuntu is a good place to start the cloud image -     






python - Explanation of pysftp.Connection.walktree() parameters -



    I've just started using Python of Python and I'm confused about how to do this  Walktree  function   I have found some code (found) that helps me better understand how my parameters look like    Def walktree (self, remotepath, fcallback, dcallback, ucallback, recurse = True): '' 'recursive down, depth first, directory tree contained in RemotePep, each regular file, Call for thoughtful callback function for directory and unknown file type. : Param str remotepath: The route of the remote directory to descend, '.' To get started: Atri: `.pwd`: Ultimate Liable Fiscalback: Callback function to call for a regular file. (Form: `` Funk (ARR) ``): The most cost-effective DC-lock: Callback function to call for a directory. (Form: `` Funk (ARR) ``): Absolute cornerable ucallback: callback function to call for an unknown file type. (Form: `` Funk (ARR) ``): Ultimate Balls Recurs: * Default: True * - It should be Recored: Returns: None    But I'm still absolutely...








Powered by Blogger