html - Centering a text in div not working -

-

Hi, I'm trying to focus the text in the first circle div. I think it is currently in the center of the divi, but when there are more than 200 characters, it looks like the bottom I have a red circle background and trying to make the text in the center regardless of the characters . Thank you in advance! 

 . Main {vertical-align: top; Margin-top: 3px; Margin-down: 5px; Display: inline-block;} .man .label {display: inline-block;} .bg {background: red; Padding: 10px; font-weight: bold; Color: #fff; Display: Inline-block; Border-radius: 60%;} .bg .label {vertical-align: top; Margin-top: 3px; Margin-down: 5px; Width: 10px; Display: Inline-block; Margin: Auto;}   
  & lt; Div class = "main" & gt; & Lt; Div class = "bg" & gt; & Lt; Span class = "label" & gt; 200 & lt; / Span & gt; & Lt; / Div & gt; & Lt; Span class = "label" & gt; It should be other text & lt; / Span & gt; & Lt; Div class = "bg" & gt; & Lt; Span class = "label" & gt; 0 & lt; / Span & gt; & Lt; / Div & gt; & Lt; Span class = "label" & gt; It should be other text & lt; / Span & gt; & Lt; / Div & gt;      
 
 
 Try setting  width : 100%  at  .bg .label  as follows:  
  
 
 
  .main {vertical-align: top; Margin-top: 3px; Margin-down: 5px; Display: inline-block;} .man .label {display: inline-block;} .bg {background: red; Padding: 10px; font-weight: bold; Color: #fff; Display: Inline-block; Border-radius: 60%;} .bg .label {vertical-align: top; Margin-top: 3px; Margin-down: 5px; Width: 100%; Display: Inline-block; Margin: Auto;}   
  & lt; Div class = "main" & gt; & Lt; Div class = "bg" & gt; & Lt; Span class = "label" & gt; 200 & lt; / Span & gt; & Lt; / Div & gt; & Lt; Div class = "bg" & gt; & Lt; Span class = "label" & gt; 0 & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt;     
  edit : If you want to keep the same width for the circle and still keep the text at center, You  width: 10px; You can change  .bg  in :  
  .bg {/ * ... * / width: 35px; Padding: 10 px 0; Text align: center; / * ... * /}   
 Then the complete snippet will look something like this:  
  
 
 
 . Main {vertical-align: top; Margin-top: 3px; Margin-down: 5px; Display: inline-block;} .man .label {display: inline-block;} .bg {background: red; Width: 35px; Padding: 10 px 0; Text align: center; font-weight: bold; Color: #fff; Display: Inline-block; Border-radius: 60%;} .bg .label {vertical-align: top; Margin-top: 3px; Margin-down: 5px; Width: 100%; Display: Inline-block; Margin: Auto;}   
  & lt; Div class = "main" & gt; & Lt; Div class = "bg" & gt; & Lt; Span class = "label" & gt; 200 & lt; / Span & gt; & Lt; / Div & gt; & Lt; Div class = "bg" & gt; & Lt; Span class = "label" & gt; 0 & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt;      

 




  






































Comments











Post a Comment

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

-
I'm trying to call the Python using the Java program py4j . I've been installing the plug-in Eclipse and test name Piidvi project. I'm trying to execute the following part of the code found on py4j webpage: Import from py4j.java_gateway to JavaGateway, java_import gateway = JavaGateway () jvm = gateway.jvm java_import (jvm, '' Org.eclipse Kkorkrisorsej. * ") Vrkspes_rut = Jvankresourkesplginkgetvrkspas (). GetRoot (Gateway .help (workspace_root, '* Projects *') project_names = [project.getName () (for projects workpace_root.getProjects))] print (Projekt_nam) But I There is an error in import. I have checked that the P4JJ is present in the Jar Eclipse plugin directory. Can anyone help please? I had to install the py4j application
Read more

python - Receiving "KeyError" after decoding json result from url -

-
I am new to Python I am trying to parse JSON result from a URL. Basically, I was using the following: response = urllib.request.urlopen (url) json_obj = json.load (response) It should be a stroke "str 'not' bytes' in the lines of a given" JSON object, so after searching on the StackoverView Flo, I decode the response in this way: F = urllib.request.urlopen (Url) charset = f.info (). Get_param ('charset', 'utf8') data = f.read () decoded = json.loads (data.decode (charset)) If I print "decode" I is as follows: { 'link': { 'summary data': 'https: // localhost / piwebapi / streams / p0_7qHaW4UHU-RlCaz8tpasAAQAAAAU0hJTExNQU42NDIwXFNJTlVTT0lE / summary' 'value': 'https: // localhost / Piwebapi / streams / P0_7qHaW4UHU-RlCaz8tpasAAQAAAAU0hJTExNQU42NDIwXFNJTlVTT0lE / price ',' InterpolatedData ':' https: // localhost / Piwebapi / streams / P0_7qHaW4UHU-RlCaz8tpasAAQAAAAU0hJTE...
Read more

python - 'NoneType' object is not callable using 'find_all' in BeautifulSoup -

-
Here's my code using find_all, but this is my code. Works great with: (): To get beautiful suits R = requests from beautiful soup imports to import. (URL_DEFINED) Print Rustusodod Soup = Beautiful Soup (Rtext) Print soup.fund_all ('ul') What I found: Tracebacks (Most recent call end): File "scraper.py", line 1 9, & lt; Module & gt; Print soup.find_all ('ul') TypeError: The 'NoneType' object is not worth the corner It seems that you are using Sundersup version 3, in which a slightly different naming convention is used, such as: .findAll , while SunderSupo 4 standardized naming, like more PEP8, Such as: .find_all (but retains the old naming for previous compatibility) Note that soup ('ul') is equal to both search for all . To download and install, install pipes PrettySpeed ​​4 . Then to change your import: import from bs4 BeautifulSoup Then you are good go.
Read more