Center LinkList1 - Trials and errors

Aufgabenstellung:

1. Die horizontale Navigationsleiste oben (Label-Liste LinkList1) soll ohne "margin" zentriert werden.

2. Angenehmes Handling bei mobilem Zugang.


Nachfolgend die Ergebnisse aus Umsetzungen von Tipps verschiedener Blogger-Hilfeseiten und Selbstgestricktem:



/* Center LinkList1_00.jpg
ohne zusätzliches CSS */



/* Center LinkList1_01.jpg
#LinkList1 {
width: 900px;
margin: 0 auto;
}
*/



/* Center LinkList1_02.jpg
#LinkList {
text-align: center !important;
}
#LinkList li {
display: inline !important;
float: none !important;
}
*/



/* Center LinkList1_03.jpg
#LinkList1 {
text-align: center !important;
}
#LinkList1 li {
display: inline !important;
float: none !important;
}
*/



/* Center LinkList1_04.jpg
#LinkList1 ul {
padding: 0px;
}
#LinkList1 ul li {
display: inline-block;
padding: 0px;
}
*/



/* Center LinkList1_05.jpg
.tabs-inner .widget ul {
margin-left: 10px;
margin-right: 10px;
}
*/



/* Center LinkList1_06.jpg
.tabs-inner .widget ul {
margin: 0;
}
*/



/* Center LinkList1_07.jpg
.tabs-inner .widget ul {
margin: 0 auto;
}
*/


Benutzerdefinierte mobile Previews:
Center+LinkList1_00.jpg Center+LinkList1_01.jpg Center+LinkList1_03.jpg




F. f.