Fonts with a box design around it in CSS Posted August 13, 2020 I have files in library under the alphabet. #ABCDEFG... in a webpart to easily find document by title. How can I desgin or use a design that gives that normal look to a better look like a tile or something like that. Please advise. Here is my code below <div style="padding: 12px; background-color: white; border-radius: 65px; border: solid thin #1E90FF"><center><div class="hometext" ><h2> <a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx"> #</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=A"> A</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=B"> B</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=C"> C</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=D"> D</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=E"> E</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=F"> F</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=G"> G</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=H"> H</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=I"> I</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=J"> J</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=K"> K</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=L"> L</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=M"> M</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=N"> N</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=O"> O</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=P"> P</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=Q"> Q</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=R"> R</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=S"> S</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=T"> T</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=U"> U</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=V"> V</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=W"> W</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=X"> X</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=Y"> Y</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=Z"> Z</a></div></center></div>.
Fonts with a box design around it
in CSS
Posted
I have files in library under the alphabet.
#ABCDEFG... in a webpart to easily find document by title. How can I desgin or use a design that gives that normal look to a better look like a tile or something like that. Please advise. Here is my code below
<div style="padding: 12px; background-color: white; border-radius: 65px; border: solid thin #1E90FF"><center><div class="hometext" ><h2>
<a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx">
#</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=A">
A</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=B">
B</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=C">
C</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=D">
D</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=E">
E</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=F">
F</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=G">
G</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=H">
H</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=I">
I</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=J">
J</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=K">
K</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=L">
L</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=M">
M</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=N">
N</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=O">
O</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=P">
P</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=Q">
Q</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=R">
R</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=S">
S</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=T">
T</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=U">
U</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=V">
V</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=W">
W</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=X">
X</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=Y">
Y</a><a href="/sites/24aftech/cpgreports/Products/Forms/products.aspx?FilterProduct=Z">
Z</a></div></center></div>.